@ceed/cds 0.0.32 → 0.0.82

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

@@ -0,0 +1,11 @@
+import React from "react";
+import { AutocompleteProps } from "@mui/joy";
+declare function Autocomplete<T, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined>(props: {
+    label?: string;
+    error?: boolean;
+    helperText?: React.ReactNode;
+} & AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>): React.JSX.Element;
+declare namespace Autocomplete {
+    var displayName: string;
+}
+export { Autocomplete };

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

@@ -0,0 +1,3 @@
+import { Autocomplete } from "./Autocomplete";
+export * from "./Autocomplete";
+export default Autocomplete;

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

@@ -0,0 +1,21 @@
+import React from "react";
+import { BreadcrumbsProps } from "@mui/joy";
+declare function Breadcrumbs(props: {
+    crumbs: {
+        type: "text" | "link";
+        label: string;
+        linkHref?: string;
+    }[];
+    frontCrumbCounts?: number;
+    backCrumbCounts?: number;
+    slots?: {
+        link?: React.ElementType;
+    } & BreadcrumbsProps["slots"];
+    slotProps?: {
+        link?: {};
+    } & BreadcrumbsProps["slotProps"];
+} & BreadcrumbsProps): React.JSX.Element;
+declare namespace Breadcrumbs {
+    var displayName: string;
+}
+export { Breadcrumbs };

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

@@ -0,0 +1,3 @@
+import { Breadcrumbs } from "./Breadcrumbs";
+export * from "./Breadcrumbs";
+export default Breadcrumbs;

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

@@ -21,5 +21,5 @@ declare const Button: React.ForwardRefExoticComponent<Omit<{
     loadingPosition?: "center" | "end" | "start" | undefined;
 } & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "color" | "tabIndex" | "variant" | "sx" | "disabled" | "size" | "component" | keyof import("@mui/joy").ButtonSlotsAndSlotProps | "action" | "endDecorator" | "focusVisibleClassName" | "fullWidth" | "startDecorator" | "loading" | "loadingIndicator" | "loadingPosition"> & MotionProps, "ref"> & React.RefAttributes<HTMLElement>>;
+}, "color" | "tabIndex" | "variant" | "sx" | "disabled" | "size" | "endDecorator" | "loading" | "startDecorator" | "component" | "fullWidth" | "loadingIndicator" | "loadingPosition" | "action" | "focusVisibleClassName" | keyof import("@mui/joy").ButtonSlotsAndSlotProps> & MotionProps, "ref"> & React.RefAttributes<HTMLElement>>;
 export { Button };

package/dist/components/Calendar/Calendar.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import type { CalendarProps } from "./types";
+/**
+ * @see https://mui.com/x/api/date-pickers/date-calendar/ 인터페이스 참고
+ */
+declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
+export { Calendar };

package/dist/components/Calendar/hooks/use-calendar-props.d.ts

@@ -0,0 +1,35 @@
+import React from "react";
+import type { View, CalendarProps } from "../types";
+export declare const useCalendarProps: (inProps: CalendarProps) => readonly [{
+    onChange: ((date: [Date, Date | undefined]) => void) | undefined;
+    onMonthChange: (newMonth: Date) => void;
+    onViewChange: () => void;
+    value: [Date, Date | undefined] | undefined;
+    defaultValue?: [Date, Date | undefined] | undefined;
+    locale: string;
+    view: View;
+    views: View[];
+    slots?: Partial<Record<import("../types").CalendarSlot, React.ElementType<any, keyof React.JSX.IntrinsicElements>>> | undefined;
+    rangeSelection?: boolean | undefined;
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    disableFuture?: boolean | undefined;
+    disablePast?: boolean | undefined;
+}, {
+    viewMonth: Date;
+    direction: number;
+    onChange: ((date: [Date, Date | undefined]) => void) | undefined;
+    onMonthChange: (newMonth: Date) => void;
+    onViewChange: () => void;
+    value: [Date, Date | undefined] | undefined;
+    defaultValue?: [Date, Date | undefined] | undefined;
+    locale: string;
+    view: View;
+    views: View[];
+    slots?: Partial<Record<import("../types").CalendarSlot, React.ElementType<any, keyof React.JSX.IntrinsicElements>>> | undefined;
+    rangeSelection?: boolean | undefined;
+    minDate?: Date | undefined;
+    maxDate?: Date | undefined;
+    disableFuture?: boolean | undefined;
+    disablePast?: boolean | undefined;
+}];

package/dist/components/Calendar/hooks/use-calendar.d.ts

@@ -0,0 +1,35 @@
+import { CalendarOwnerState } from "../types";
+export declare const useCalendar: (ownerState: CalendarOwnerState) => {
+    calendarTitle: string;
+    onPrev: () => void;
+    onNext: () => void;
+    getDayCellProps: (day: number) => {
+        readonly "aria-label": string;
+        readonly "aria-current": "date" | undefined;
+    };
+    getMonthCellProps: (monthIndex: number) => {
+        readonly "aria-label": string;
+        readonly "aria-current": "date" | undefined;
+    };
+    getPickerDayProps: (day: number) => {
+        readonly isToday: boolean;
+        readonly isSelected: boolean | undefined;
+        readonly onClick: () => void;
+        readonly onMouseEnter: (() => void) | undefined;
+        readonly disabled: boolean | undefined;
+        readonly tabIndex: -1;
+        readonly "aria-label": string;
+        readonly "aria-selected": "true" | undefined;
+        readonly "aria-current": "date" | undefined;
+    };
+    getPickerMonthProps: (monthIndex: number) => {
+        readonly isSelected: boolean | undefined;
+        readonly onMouseEnter: (() => void) | undefined;
+        readonly disabled: boolean | undefined;
+        readonly onClick: () => void;
+        readonly tabIndex: -1;
+        readonly "aria-label": string;
+        readonly "aria-selected": "true" | undefined;
+        readonly "aria-current": "date" | undefined;
+    };
+};

package/dist/components/Calendar/index.d.ts

@@ -0,0 +1,3 @@
+import { Calendar } from "./Calendar";
+export * from "./Calendar";
+export default Calendar;

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

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+export type DateValue = Date;
+export type View = "month" | "day";
+export type CalendarSlot = "root" | "day" | "calendarHeader" | "viewContainer" | "viewTable" | "switchViewButton" | "weekHeaderContainer" | "dayPickerContainer";
+export interface CalendarProps {
+    value?: [DateValue, DateValue | undefined];
+    defaultValue?: [DateValue, DateValue | undefined];
+    onChange?: (date: [DateValue, DateValue | undefined]) => void;
+    locale?: string;
+    view?: View;
+    views?: View[];
+    onViewChange?: (view: View) => void;
+    onMonthChange?: (newMonth: DateValue) => void;
+    slots?: Partial<Record<CalendarSlot, React.ElementType>>;
+    rangeSelection?: boolean;
+    minDate?: DateValue;
+    maxDate?: DateValue;
+    disableFuture?: boolean;
+    disablePast?: boolean;
+}
+export interface CalendarOwnerState extends CalendarProps {
+    viewMonth: Date;
+    direction: number;
+}

package/dist/components/Calendar/utils/index.d.ts

@@ -0,0 +1,12 @@
+export declare const getCalendarDates: (date: Date) => (number | undefined)[][];
+export declare const getYearName: (date: Date, locale: string) => string;
+export declare const getMonthName: (date: Date, locale: string) => string;
+export declare const getMonthNameFromIndex: (index: number, locale: string) => string;
+/**
+ * 일~토 / Sun ~ Sat 같은 요일 이름을 가져옵니다.
+ */
+export declare const getWeekdayNames: (locale: string) => string[];
+export declare const isToday: (date: Date) => boolean;
+export declare const isSameDay: (date1: Date, date2: Date) => boolean;
+export declare const isWithinRange: (d1: Date, d2: Date, date: Date) => boolean;
+export declare const isSameMonth: (date1: Date, date2: Date) => boolean;

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

@@ -1,6 +1,6 @@
-import React, { ComponentProps } from "react";
+import React, { ComponentProps, ReactNode } from "react";
 import { Table } from "../Table";
-type Column<T extends Record<string, unknown>> = {
+export type ColumnDef<T extends Record<string, V>, V = unknown> = {
     type?: "number" | "string";
     field: keyof T;
     headerName?: string;
@@ -8,16 +8,27 @@ type Column<T extends Record<string, unknown>> = {
     minWidth?: string;
     maxWidth?: string;
     resizable?: boolean;
+    renderCell?: (params: {
+        row: T;
+        value?: V;
+        id: string;
+    }) => ReactNode;
 };
-type DataTableProps<T extends Record<string, unknown>> = {
+export type DataTableProps<T extends Record<string, unknown>> = {
     rows: T[];
     checkboxSelection?: boolean;
-    columns: Column<T>[];
+    columns: ColumnDef<T>[];
     /**
      * 체크박스가 있는 경우, 체크박스를 클릭했을 때 선택된 row의 index를 지정한다.
      */
     selectionModel?: string[];
-    onSelectionModelChange?: (newSelectionModel: string[]) => void;
+    onSelectionModelChange?: (newSelectionModel: string[], 
+    /**
+     * Total Select를 클릭한 경우에만 값이 true/false로 들어온다.
+     * MUI에는 없는 인터페이스지만 Total Select 기능이 추가되었기 때문에 추가해야했다.
+     */
+    isTotalSelected?: boolean) => void;
+    paginationMode?: "client" | "server";
     paginationModel?: {
         page: number;
         pageSize: number;
@@ -29,12 +40,21 @@ type DataTableProps<T extends Record<string, unknown>> = {
     /**
      * Rows의 총 갯수를 직접 지정 할 수 있다.
      * 기본적으로는 rows.length를 사용하지만, 이 값을 지정하면 rows.length를 사용하지 않는다.
+     * server mode를 사용할 때 유용하다.
      */
     rowCount?: number;
+    loading?: boolean;
+    getId?: (row: T) => string;
+    /**
+     * 기본적으로 Uncontrolled로 작동하지만, Controlled로 작동하게 하고 싶을 때 사용한다.
+     * 이 값이 true이면, 현재 페이지 이외에도 존재하는 모든 데이터가 선택된것으로 간주하고 동작한다.
+     */
+    isTotalSelected?: boolean;
     slots?: {
         checkbox?: React.ElementType;
         toolbar?: React.ElementType;
         footer?: React.ElementType;
+        loadingOverlay?: React.ElementType;
     };
     slotProps?: {
         checkbox?: Partial<{

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

@@ -0,0 +1,22 @@
+import React from "react";
+interface DatePickerProps {
+    value?: string;
+    onChange?: (event: {
+        target: {
+            name?: string;
+            value: string;
+        };
+    }) => void;
+    name?: string;
+    disabled?: boolean;
+    required?: boolean;
+    label?: React.ReactNode;
+    error?: boolean;
+    helperText?: React.ReactNode;
+    minDate?: string;
+    maxDate?: string;
+    disableFuture?: boolean;
+    disablePast?: boolean;
+}
+declare const DatePicker: React.ForwardRefExoticComponent<DatePickerProps & React.RefAttributes<HTMLDivElement>>;
+export { DatePicker };

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

@@ -0,0 +1,3 @@
+import { DatePicker } from "./DatePicker";
+export * from "./DatePicker";
+export default DatePicker;

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

@@ -0,0 +1,22 @@
+import React from "react";
+interface DateRangePickerProps {
+    value?: string;
+    onChange?: (event: {
+        target: {
+            name?: string;
+            value: string;
+        };
+    }) => void;
+    name?: string;
+    disabled?: boolean;
+    required?: boolean;
+    label?: React.ReactNode;
+    error?: boolean;
+    helperText?: React.ReactNode;
+    minDate?: string;
+    maxDate?: string;
+    disableFuture?: boolean;
+    disablePast?: boolean;
+}
+declare const DateRangePicker: React.ForwardRefExoticComponent<DateRangePickerProps & React.RefAttributes<HTMLDivElement>>;
+export { DateRangePicker };

package/dist/components/DateRangePicker/index.d.ts

@@ -0,0 +1,3 @@
+import { DateRangePicker } from "./DateRangePicker";
+export * from "./DateRangePicker";
+export default DateRangePicker;

package/dist/components/DialogActions/DialogActions.d.ts

@@ -1,10 +1,10 @@
 import React from "react";
-declare const DialogActions: import("framer-motion").CustomDomComponent<{
+declare const DialogActions: import("@emotion/styled").StyledComponent<Omit<{
     children?: React.ReactNode;
     buttonFlex?: string | number | undefined;
     orientation?: "horizontal" | "vertical" | "horizontal-reverse" | undefined;
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").DialogActionsSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "sx" | "orientation" | "buttonFlex" | keyof import("@mui/joy").DialogActionsSlotsAndSlotProps>>;
+}, "children" | "sx" | "orientation" | "buttonFlex" | keyof import("@mui/joy").DialogActionsSlotsAndSlotProps> & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
 export { DialogActions };

package/dist/components/DialogContent/DialogContent.d.ts

@@ -1,9 +1,9 @@
 import React from "react";
-declare const DialogContent: import("framer-motion").CustomDomComponent<{
+declare const DialogContent: import("@emotion/styled").StyledComponent<Omit<{
     children?: React.ReactNode;
     orientation?: "horizontal" | "vertical" | undefined;
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").DialogContentSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "sx" | "orientation" | keyof import("@mui/joy").DialogContentSlotsAndSlotProps>>;
+}, "children" | "sx" | "orientation" | keyof import("@mui/joy").DialogContentSlotsAndSlotProps> & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
 export { DialogContent };

package/dist/components/DialogTitle/DialogTitle.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare const DialogTitle: import("framer-motion").CustomDomComponent<{
+declare const DialogTitle: import("@emotion/styled").StyledComponent<Omit<{
     children?: React.ReactNode;
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").DialogTitlePropsColorOverrides> | undefined;
     level?: "inherit" | keyof import("@mui/joy").TypographySystem | undefined;
@@ -7,5 +7,5 @@ declare const DialogTitle: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").DialogTitlePropsVariantOverrides> | undefined;
 } & import("@mui/joy").DialogTitleSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "variant" | "sx" | "level" | keyof import("@mui/joy").DialogTitleSlotsAndSlotProps>>;
+}, "children" | "color" | "variant" | "sx" | "level" | keyof import("@mui/joy").DialogTitleSlotsAndSlotProps> & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
 export { DialogTitle };

package/dist/components/FormControl/FormControl.d.ts

@@ -10,5 +10,5 @@ declare const FormControl: import("framer-motion").CustomDomComponent<{
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").FormControlSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "sx" | "disabled" | "size" | "required" | "orientation" | "error" | keyof import("@mui/joy").FormControlSlotsAndSlotProps>>;
+}, "children" | "color" | "sx" | "disabled" | "size" | "error" | "orientation" | "required" | keyof import("@mui/joy").FormControlSlotsAndSlotProps>>;
 export { FormControl };

package/dist/components/Input/Input.d.ts

@@ -1,8 +1,26 @@
 import React from "react";
-import { InputProps } from "@mui/joy";
-import { MotionProps } from "framer-motion";
+import { type InputProps } from "@mui/joy";
+import { type MotionProps } from "framer-motion";
 declare const Input: {
-    (props: InputProps & MotionProps): React.JSX.Element;
+    (props: {
+        label?: string | undefined;
+        helperText?: React.ReactNode;
+        error?: boolean | undefined;
+    } & {
+        component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & Pick<React.InputHTMLAttributes<HTMLInputElement>, "defaultValue" | "autoFocus" | "id" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "onClick" | "disabled" | "required" | "type" | "autoComplete" | "readOnly" | "value" | "name" | "placeholder"> & {
+        className?: string | undefined;
+        color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").InputPropsColorOverrides> | undefined;
+        endDecorator?: React.ReactNode;
+        error?: boolean | undefined;
+        fullWidth?: boolean | undefined;
+        startDecorator?: React.ReactNode;
+        size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").InputPropsSizeOverrides> | undefined;
+        sx?: import("@mui/joy/styles/types").SxProps | undefined;
+        variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").InputPropsVariantOverrides> | undefined;
+    } & import("@mui/joy").InputSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, "color" | "defaultValue" | "autoFocus" | "className" | "id" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "onClick" | "variant" | "sx" | "disabled" | "size" | "error" | "required" | "type" | "autoComplete" | "readOnly" | "value" | "endDecorator" | "name" | "placeholder" | "startDecorator" | "component" | "fullWidth" | keyof import("@mui/joy").InputSlotsAndSlotProps> & MotionProps): React.JSX.Element;
     displayName: string;
 };
 export { Input };

package/dist/components/Modal/Modal.d.ts

@@ -1,12 +1,12 @@
 import React from "react";
-declare const Modal: import("framer-motion").CustomDomComponent<Pick<import("@mui/base").ModalOwnProps, "children" | "container" | "open" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted"> & {
+declare const Modal: import("framer-motion").CustomDomComponent<Pick<import("@mui/base").ModalOwnProps, "children" | "container" | "open" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableScrollLock" | "hideBackdrop"> & {
     onClose?: ((event: {}, reason: "escapeKeyDown" | "backdropClick" | "closeClick") => void) | undefined;
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").ModalSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "container" | "sx" | "open" | "onClose" | "disableAutoFocus" | "disableEnforceFocus" | "disableEscapeKeyDown" | "disablePortal" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | keyof import("@mui/joy").ModalSlotsAndSlotProps>>;
+}, "children" | "container" | "sx" | "onClose" | "open" | "disablePortal" | "keepMounted" | "disableAutoFocus" | "disableEnforceFocus" | "disableRestoreFocus" | "disableEscapeKeyDown" | "disableScrollLock" | "hideBackdrop" | keyof import("@mui/joy").ModalSlotsAndSlotProps>>;
 export { Modal };
-declare const ModalDialog: import("framer-motion").CustomDomComponent<{
+declare const ModalDialog: import("@emotion/styled").StyledComponent<Omit<{
     children?: React.ReactNode;
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ModalDialogPropsColorOverrides> | undefined;
     invertedColors?: boolean | undefined;
@@ -19,7 +19,7 @@ declare const ModalDialog: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").ModalDialogPropsVariantOverrides> | undefined;
 } & import("@mui/joy").ModalDialogSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "layout" | "color" | "maxWidth" | "minWidth" | "variant" | "sx" | "size" | "invertedColors" | "orientation" | keyof import("@mui/joy").ModalDialogSlotsAndSlotProps>>;
+}, "children" | "layout" | "color" | "maxWidth" | "minWidth" | "variant" | "sx" | "size" | "orientation" | "invertedColors" | keyof import("@mui/joy").ModalDialogSlotsAndSlotProps> & import("framer-motion").MotionProps, "ref"> & React.RefAttributes<HTMLElement | SVGElement> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
 export { ModalDialog };
 declare const ModalClose: import("framer-motion").CustomDomComponent<{
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ModalClosePropsColorOverrides> | undefined;

package/dist/components/MonthRangePicker/MonthRangePicker.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+interface MonthRangePickerProps {
+    value?: string;
+    onChange?: (event: {
+        target: {
+            name?: string;
+            value: string;
+        };
+    }) => void;
+    name?: string;
+    disabled?: boolean;
+    required?: boolean;
+    label?: React.ReactNode;
+    error?: boolean;
+    helperText?: React.ReactNode;
+    minDate?: string;
+    maxDate?: string;
+    disableFuture?: boolean;
+    disablePast?: boolean;
+}
+declare const MonthRangePicker: React.ForwardRefExoticComponent<MonthRangePickerProps & React.RefAttributes<HTMLDivElement>>;
+export { MonthRangePicker };

package/dist/components/MonthRangePicker/index.d.ts

@@ -0,0 +1,3 @@
+import { MonthRangePicker } from "./MonthRangePicker";
+export * from "./MonthRangePicker";
+export default MonthRangePicker;

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

@@ -14,7 +14,7 @@ declare const Radio: import("framer-motion").CustomDomComponent<import("@mui/bas
     value?: unknown;
 } & import("@mui/joy").RadioSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
-}, "label" | "color" | "overlay" | "className" | "variant" | "sx" | "size" | "name" | "value" | keyof import("@mui/base").UseSwitchParameters | "checkedIcon" | "disableIcon" | "uncheckedIcon" | keyof import("@mui/joy").RadioSlotsAndSlotProps>>;
+}, "label" | "color" | "overlay" | "className" | "variant" | "sx" | "size" | "value" | "name" | keyof import("@mui/base").UseSwitchParameters | "checkedIcon" | "disableIcon" | "uncheckedIcon" | keyof import("@mui/joy").RadioSlotsAndSlotProps>>;
 export { Radio };
 declare const RadioGroup: import("framer-motion").CustomDomComponent<{
     className?: string | undefined;
@@ -32,5 +32,5 @@ declare const RadioGroup: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").RadioPropsVariantOverrides> | undefined;
 } & import("@mui/joy").RadioGroupSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "color" | "overlay" | "defaultValue" | "className" | "onChange" | "variant" | "sx" | "size" | "component" | "name" | "value" | "disableIcon" | "orientation" | keyof import("@mui/joy").RadioGroupSlotsAndSlotProps>>;
+}, "color" | "overlay" | "defaultValue" | "className" | "onChange" | "variant" | "sx" | "size" | "orientation" | "value" | "name" | "component" | "disableIcon" | keyof import("@mui/joy").RadioGroupSlotsAndSlotProps>>;
 export { RadioGroup };

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

@@ -1,17 +1,6 @@
 import React from "react";
-declare const Select: import("framer-motion").CustomDomComponent<{
-    multiple?: boolean | undefined;
-} & import("@mui/joy").SelectStaticProps & import("@mui/joy").SelectSlotsAndSlotProps<boolean> & {
-    defaultValue?: {} | {}[] | null | undefined;
-    multiple?: boolean | undefined;
-    getSerializedValue?: ((option: import("@mui/joy").SelectOption<{}> | import("@mui/joy").SelectOption<{}>[] | null) => string | number | readonly string[] | undefined) | undefined;
-    onChange?: ((event: React.MouseEvent<Element, MouseEvent> | React.KeyboardEvent<Element> | React.FocusEvent<Element, Element> | null, value: {} | {}[] | null) => void) | undefined;
-    renderValue?: ((option: import("@mui/joy").SelectOption<{}> | import("@mui/joy").SelectOption<{}>[] | null) => React.ReactNode) | undefined;
-    value?: {} | {}[] | null | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "defaultValue" | "onChange" | "value" | "multiple" | keyof import("@mui/joy").SelectStaticProps | keyof import("@mui/joy").SelectSlotsAndSlotProps<Multiple> | "getSerializedValue" | "renderValue">>;
-export { Select };
+import { type SelectProps } from "@mui/joy";
+import { type MotionProps } from "framer-motion";
 declare const Option: import("framer-motion").CustomDomComponent<{
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").OptionPropsColorOverrides> | undefined;
     children?: React.ReactNode;
@@ -24,3 +13,12 @@ declare const Option: import("framer-motion").CustomDomComponent<{
     ref?: ((instance: HTMLLIElement | null) => void) | React.RefObject<HTMLLIElement> | null | undefined;
 }, "label" | "children" | "color" | "variant" | "sx" | "disabled" | "value" | keyof import("@mui/joy").OptionSlotsAndSlotProps>>;
 export { Option };
+declare function Select<OptionValue extends {}, Multiple extends boolean = false>(props: {
+    label?: string;
+    helperText?: string;
+    error?: boolean;
+} & SelectProps<OptionValue, Multiple> & MotionProps): React.JSX.Element;
+declare namespace Select {
+    var displayName: string;
+}
+export { Select };

package/dist/components/Stack/Stack.d.ts

@@ -8,5 +8,5 @@ declare const Stack: import("framer-motion").CustomDomComponent<{
     sx?: import("@mui/joy/styles/types").SxProps | undefined;
 } & import("@mui/joy").StackSlotsAndSlotProps & import("@mui/joy/styles/types").SystemProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "direction" | "sx" | ("p" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "spacing" | "divider" | "useFlexGap" | keyof import("@mui/joy").StackSlotsAndSlotProps>>;
+}, "children" | "direction" | "sx" | ("p" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint") | "divider" | "spacing" | "useFlexGap" | keyof import("@mui/joy").StackSlotsAndSlotProps>>;
 export { Stack };

package/dist/components/Tabs/Tabs.d.ts

@@ -6,7 +6,7 @@ declare const Tabs: import("framer-motion").CustomDomComponent<Omit<import("@mui
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabsPropsVariantOverrides> | undefined;
 } & import("@mui/joy").TabsSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "direction" | "defaultValue" | "className" | "onChange" | "variant" | "sx" | "size" | "value" | "orientation" | "selectionFollowsFocus" | keyof import("@mui/joy").TabsSlotsAndSlotProps>>;
+}, "children" | "color" | "direction" | "defaultValue" | "className" | "onChange" | "variant" | "sx" | "size" | "orientation" | "value" | "selectionFollowsFocus" | keyof import("@mui/joy").TabsSlotsAndSlotProps>>;
 export { Tabs };
 declare const Tab: import("framer-motion").CustomDomComponent<{
     action?: React.Ref<{
@@ -24,7 +24,7 @@ declare const Tab: import("framer-motion").CustomDomComponent<{
     variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TabPropsVariantOverrides> | undefined;
 } & import("@mui/joy").TabSlotsAndSlotProps & Omit<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | React.RefObject<HTMLButtonElement> | null | undefined;
-}, "color" | "onChange" | "variant" | "sx" | "disabled" | "action" | "value" | "orientation" | "disableIndicator" | "indicatorPlacement" | "indicatorInset" | keyof import("@mui/joy").TabSlotsAndSlotProps>>;
+}, "color" | "onChange" | "variant" | "sx" | "disabled" | "orientation" | "value" | "action" | "disableIndicator" | "indicatorPlacement" | "indicatorInset" | keyof import("@mui/joy").TabSlotsAndSlotProps>>;
 export { Tab };
 declare const TabList: import("framer-motion").CustomDomComponent<{
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabListPropsColorOverrides> | undefined;

package/dist/components/Textarea/Textarea.d.ts

@@ -2,7 +2,25 @@ import React from "react";
 import { TextareaProps } from "@mui/joy";
 import { MotionProps } from "framer-motion";
 declare const Textarea: {
-    (props: TextareaProps & MotionProps): React.JSX.Element;
+    (props: {
+        label?: string | undefined;
+        error?: boolean | undefined;
+        helperText?: React.ReactNode;
+    } & {
+        component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & import("@mui/joy").TextareaSlotsAndSlotProps & Pick<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "defaultValue" | "autoFocus" | "id" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "onClick" | "disabled" | "required" | "autoComplete" | "readOnly" | "value" | "name" | "placeholder"> & {
+        color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TextareaPropsColorOverrides> | undefined;
+        endDecorator?: React.ReactNode;
+        error?: boolean | undefined;
+        maxRows?: string | number | undefined;
+        minRows?: string | number | undefined;
+        startDecorator?: React.ReactNode;
+        size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").TextareaPropsSizeOverrides> | undefined;
+        sx?: import("@mui/joy/styles/types").SxProps | undefined;
+        variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TextareaPropsVariantOverrides> | undefined;
+    } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+    }, "color" | "defaultValue" | "autoFocus" | "id" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onKeyUp" | "onClick" | "variant" | "sx" | "disabled" | "size" | "error" | "required" | "autoComplete" | "readOnly" | "value" | "endDecorator" | "name" | "placeholder" | "startDecorator" | "component" | keyof import("@mui/joy").TextareaSlotsAndSlotProps | "maxRows" | "minRows"> & MotionProps): React.JSX.Element;
     displayName: string;
 };
 export { Textarea };

package/dist/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,4 +1,14 @@
 import React from "react";
+import { StyleOverrides, Theme } from "@mui/joy";
+import { CalendarOwnerState, CalendarProps, CalendarSlot } from "../Calendar/types";
+declare module "@mui/joy/styles" {
+    interface Components {
+        Calendar?: {
+            defaultProps?: Partial<CalendarProps>;
+            styleOverrides?: StyleOverrides<CalendarSlot, CalendarOwnerState, Theme>;
+        };
+    }
+}
 declare function ThemeProvider(props: {
     children?: React.ReactNode;
 }): React.JSX.Element;

package/dist/components/index.d.ts

@@ -1,9 +1,14 @@
-export { Accordion, AccordionDetails, Accordions, AccordionSummary } from './Accordions';
+export { Accordion, AccordionDetails, Accordions, AccordionSummary, } from "./Accordions";
+export { Autocomplete } from "./Autocomplete";
 export { Box } from "./Box";
+export { Breadcrumbs } from "./Breadcrumbs";
 export { Button } from "./Button";
+export { Calendar } from "./Calendar";
 export { Checkbox } from "./Checkbox";
 export { Container } from "./Container";
 export { DataTable } from "./DataTable";
+export { DatePicker } from "./DatePicker";
+export { DateRangePicker } from "./DateRangePicker";
 export { DialogActions } from "./DialogActions";
 export { DialogContent } from "./DialogContent";
 export { DialogTitle } from "./DialogTitle";
@@ -18,7 +23,8 @@ export { Grid } from "./Grid";
 export { IconButton } from "./IconButton";
 export { Input } from "./Input";
 export { Menu, MenuButton, MenuItem } from "./Menu";
-export { Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame } from "./Modal";
+export { Modal, ModalClose, ModalDialog, ModalOverflow, ModalFrame, } from "./Modal";
+export { MonthRangePicker } from "./MonthRangePicker";
 export { Radio, RadioGroup } from "./Radio";
 export { RadioList } from "./RadioList";
 export { Select, Option } from "./Select";