@ceed/cds 1.34.1 → 1.36.0-next.1

package/dist/components/Accordions/Accordions.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+export type { AccordionProps, AccordionDetailsProps, AccordionSummaryProps, AccordionGroupProps as AccordionsProps, } from '@mui/joy';
 declare const AccordionSummary: import("framer-motion").CustomDomComponent<{
     children?: React.ReactNode;
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").AccordionSummaryPropsColorOverrides> | undefined;

package/dist/components/Alert/Alert.d.ts

@@ -1,20 +1,20 @@
 import React from 'react';
-import { AlertProps } from '@mui/joy';
+import { AlertProps as JoyAlertProps } from '@mui/joy';
 import { MotionProps } from 'framer-motion';
 declare const titleLevelMapping: {
     readonly sm: "title-sm";
     readonly md: "title-md";
     readonly lg: "title-lg";
 };
-type AlertSize = keyof typeof titleLevelMapping;
-interface CustomAlertProps {
+export type AlertSize = keyof typeof titleLevelMapping;
+export interface CustomAlertProps {
     content: React.ReactNode;
     actions?: React.ReactNode;
     title?: string;
     size?: AlertSize;
 }
-type AlertComponentProps = CustomAlertProps & Omit<AlertProps, 'content' | 'actions' | 'title' | 'size'> & Omit<MotionProps, 'children'>;
-declare function Alert(props: AlertComponentProps): React.JSX.Element;
+export type AlertProps = CustomAlertProps & Omit<JoyAlertProps, 'content' | 'actions' | 'title' | 'size'> & Omit<MotionProps, 'children'>;
+declare function Alert(inProps: AlertProps): React.JSX.Element;
 declare namespace Alert {
     var displayName: string;
 }

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

@@ -1,13 +1,13 @@
 import React from 'react';
 import { AutocompleteProps as JoyAutocompleteProps } from '@mui/joy';
-interface AutocompleteOption {
+export interface AutocompleteOption {
     value: string;
     label: string;
     secondaryText?: string;
     startDecorator?: React.ReactNode;
     endDecorator?: React.ReactNode;
 }
-type AutocompleteValue<Multiple extends boolean | undefined = false> = Multiple extends true ? string[] : string;
+export type AutocompleteValue<Multiple extends boolean | undefined = false> = Multiple extends true ? string[] : string;
 export type AutocompleteProps<T extends AutocompleteOption | string = string, Multiple extends boolean | undefined = false> = {
     value?: AutocompleteValue<Multiple>;
     defaultValue?: AutocompleteValue<Multiple>;

package/dist/components/Avatar/Avatar.d.ts

@@ -1,20 +1,10 @@
 import React from 'react';
-import { AvatarGroup } from '@mui/joy';
+import { AvatarGroup, AvatarProps as JoyAvatarProps } from '@mui/joy';
 export { AvatarGroup };
-declare const Avatar: React.ForwardRefExoticComponent<Omit<{
-    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-} & import("@mui/joy").AvatarSlotsAndSlotProps & {
-    alt?: string | undefined;
-    children?: React.ReactNode;
-    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").AvatarPropsColorOverrides> | undefined;
-    size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").AvatarPropsSizeOverrides> | undefined;
-    src?: string | undefined;
-    srcSet?: string | undefined;
-    sx?: import("@mui/joy/styles/types").SxProps | undefined;
-    variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").AvatarPropsVariantOverrides> | undefined;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "children" | "color" | "variant" | "sx" | "size" | "component" | "alt" | "src" | "srcSet" | keyof import("@mui/joy").AvatarSlotsAndSlotProps> & {
-    getInitial?: ((name: string) => string) | undefined;
-}, "ref"> & React.RefAttributes<any>>;
+export type { JoyAvatarProps };
+export type { AvatarGroupProps } from '@mui/joy';
+export type AvatarProps = JoyAvatarProps & {
+    getInitial?: (name: string) => string;
+};
+declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & React.RefAttributes<any>>;
 export { Avatar };

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

@@ -1,4 +1,5 @@
 import React from 'react';
+export type { BoxProps } from '@mui/joy';
 declare const Box: import("framer-motion").CustomDomComponent<import("@mui/system").BoxOwnProps<import("@mui/joy").Theme> & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, keyof import("@mui/system").BoxOwnProps<import("@mui/joy").Theme>>>;

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

@@ -1,6 +1,6 @@
 import React from 'react';
-import { BreadcrumbsProps } from '@mui/joy';
-declare function Breadcrumbs(props: {
+import { BreadcrumbsProps as JoyBreadcrumbsProps } from '@mui/joy';
+export type BreadcrumbsProps = {
     crumbs: {
         type: 'text' | 'link';
         label: string;
@@ -10,12 +10,13 @@ declare function Breadcrumbs(props: {
     endCrumbCount?: number;
     slots?: {
         link?: React.ElementType;
-    } & BreadcrumbsProps['slots'];
+    } & JoyBreadcrumbsProps['slots'];
     slotProps?: {
         link?: {};
-    } & BreadcrumbsProps['slotProps'];
+    } & JoyBreadcrumbsProps['slotProps'];
     collapsed?: boolean;
-} & BreadcrumbsProps): React.JSX.Element;
+} & JoyBreadcrumbsProps;
+declare function Breadcrumbs(props: BreadcrumbsProps): React.JSX.Element;
 declare namespace Breadcrumbs {
     var displayName: string;
 }

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

@@ -1,11 +1,12 @@
 import React, { ElementType } from 'react';
 import { ButtonProps as JoyButtonProps } from '@mui/joy';
 import { MotionProps } from 'framer-motion';
-type PolymorphicProps<C extends ElementType> = {
+export type { JoyButtonProps };
+export type PolymorphicProps<C extends ElementType> = {
     component?: C;
     ref?: React.Ref<any>;
 } & Omit<React.ComponentPropsWithoutRef<C>, keyof JoyButtonProps>;
-type ButtonProps<C extends ElementType = 'button'> = JoyButtonProps & MotionProps & PolymorphicProps<C>;
+export type ButtonProps<C extends ElementType = 'button'> = JoyButtonProps & MotionProps & PolymorphicProps<C>;
 declare const Button: <C extends React.ElementType = "button">(props: ButtonProps<C> & {
     ref?: React.Ref<any>;
 }) => JSX.Element;

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

@@ -1,5 +1,6 @@
 import React from 'react';
 import type { CalendarProps } from './types';
+export type { CalendarOwnerState, CalendarProps, CalendarSlot, DateValue, View } from './types';
 /**
  * @see https://mui.com/x/api/date-pickers/date-calendar/ 인터페이스 참고
  */

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

@@ -1,4 +1,5 @@
 import React from 'react';
+export type { CardProps, CardContentProps, CardCoverProps, CardActionsProps, CardOverflowProps } from '@mui/joy';
 declare const Card: import("framer-motion").CustomDomComponent<{
     children?: React.ReactNode;
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").CardPropsColorOverrides> | undefined;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { CheckboxProps } from '@mui/joy';
 import { MotionProps } from 'framer-motion';
+export type { CheckboxProps };
 declare const Checkbox: {
     (props: CheckboxProps & MotionProps): React.JSX.Element;
     displayName: string;

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+export type { ChipProps } from '@mui/joy';
 declare const Chip: import("framer-motion").CustomDomComponent<import("@mui/joy").ChipSlotsAndSlotProps & {
     children?: import("react").ReactNode;
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").ChipPropsColorOverrides> | undefined;

package/dist/components/Container/Container.d.ts

@@ -1,4 +1,9 @@
-import React from 'react';
+import React, { ComponentProps } from 'react';
+declare const ContainerRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme> & {
+    maxWidth?: "sm" | "md" | "lg" | "xl" | undefined;
+    overrideBreakpoint?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export type ContainerProps = ComponentProps<typeof ContainerRoot>;
 declare const Container: React.ForwardRefExoticComponent<Omit<import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme> & {
     maxWidth?: "sm" | "md" | "lg" | "xl" | undefined;
     overrideBreakpoint?: "sm" | "md" | "lg" | "xs" | "xl" | undefined;

package/dist/components/CurrencyInput/CurrencyInput.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import { InputProps } from '@mui/joy';
 import { MotionProps } from 'framer-motion';
 import type { Currency } from './types';
-interface CurrencyInputProps {
+export interface CurrencyInputProps {
     currency?: Currency;
     max?: number;
     value?: number;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+export type { DialogActionsProps } from '@mui/joy';
 declare const DialogActions: import("@emotion/styled").StyledComponent<Omit<{
     children?: React.ReactNode;
     buttonFlex?: string | number | undefined;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+export type { DialogContentProps } from '@mui/joy';
 declare const DialogContent: import("@emotion/styled").StyledComponent<Omit<{
     children?: React.ReactNode;
     orientation?: "horizontal" | "vertical" | undefined;

package/dist/components/DialogFrame/DialogFrame.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-interface DialogFrameProps {
+export interface DialogFrameProps {
     title: React.ReactNode;
     children: React.ReactNode;
     actions: React.ReactNode;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+export type { DialogTitleProps } from '@mui/joy';
 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;

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { DividerProps } from '@mui/joy';
 import { MotionProps } from 'framer-motion';
+export type { DividerProps };
 declare const Divider: {
     (props: DividerProps & MotionProps): React.JSX.Element;
     displayName: string;

package/dist/components/Drawer/Drawer.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { DrawerProps } from '@mui/joy';
 import { MotionProps } from 'framer-motion';
+export type { DrawerProps };
 declare const Drawer: {
     (props: DrawerProps & MotionProps): React.JSX.Element;
     displayName: string;

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

@@ -1 +1,28 @@
-export { Dropdown } from '@mui/joy';
+import React from 'react';
+import type { DropdownProps as JoyDropdownProps } from '@mui/joy';
+/**
+ * Internal registry used by descendants that need the Dropdown to stay open while their
+ * own popovers (typically portaled outside the Joy `Menu` listbox) take focus. While the
+ * registry count is > 0 the Dropdown ignores Joy's blur-driven close, so focus moving into
+ * a nested popover (e.g. a DateRangePicker / MonthRangePicker calendar) no longer collapses
+ * the whole panel. Escape, the trigger toggle, and explicit `open` changes still close as
+ * usual.
+ *
+ * Not part of the public package surface — consumed only by sibling HDS components that opt
+ * in by registering on mount.
+ */
+type DropdownNestedRegistry = {
+    register: () => void;
+    unregister: () => void;
+};
+export declare const DropdownNestedRegistryContext: React.Context<DropdownNestedRegistry | null>;
+export type DropdownProps = JoyDropdownProps;
+declare function Dropdown({ open: openProp, defaultOpen, onOpenChange, ...rest }: DropdownProps): React.JSX.Element;
+declare namespace Dropdown {
+    var displayName: string;
+}
+export { Dropdown };
+export { MenuButton as MenuButtonTrigger } from '@mui/joy';
+export type { MenuButtonProps as MenuButtonTriggerProps } from '@mui/joy';
+export { useMenuButton } from '@mui/base/useMenuButton';
+export type { UseMenuButtonParameters, UseMenuButtonReturnValue } from '@mui/base/useMenuButton';

package/dist/components/FilterableCheckboxGroup/FilterableCheckboxGroup.d.ts

@@ -16,7 +16,7 @@ export type FilterableCheckboxGroupProps = {
     maxHeight?: string | number;
     disabled?: boolean;
 };
-declare function FilterableCheckboxGroup(props: FilterableCheckboxGroupProps): React.JSX.Element;
+declare function FilterableCheckboxGroup(inProps: FilterableCheckboxGroupProps): React.JSX.Element;
 declare namespace FilterableCheckboxGroup {
     var displayName: string;
 }

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

@@ -1,4 +1,5 @@
 import React from 'react';
+export type { FormControlProps } from '@mui/joy';
 declare const FormControl: import("@emotion/styled").StyledComponent<Omit<{
     children?: React.ReactNode;
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").FormControlPropsColorOverrides> | undefined;

package/dist/components/FormHelperText/FormHelperText.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+export type { FormHelperTextProps } from '@mui/joy';
 declare const FormHelperText: import("framer-motion").CustomDomComponent<{
     children?: React.ReactNode;
     sx?: import("@mui/joy/styles/types").SxProps | undefined;

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

@@ -1,4 +1,5 @@
 import React from 'react';
+export type { FormLabelProps } from '@mui/joy';
 declare const FormLabel: import("framer-motion").CustomDomComponent<import("@mui/joy").FormLabelSlotsAndSlotProps & {
     children?: React.ReactNode;
     required?: boolean | undefined;

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

@@ -1,2 +1,3 @@
 import { Grid } from '@mui/joy';
 export { Grid };
+export type { GridProps } from '@mui/joy';

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

@@ -1,11 +1,12 @@
 import React, { ElementType } from 'react';
 import { IconButtonProps as JoyIconButtonProps } from '@mui/joy';
 import { MotionProps } from 'framer-motion';
-type PolymorphicProps<C extends ElementType> = {
+export type { JoyIconButtonProps };
+export type IconButtonPolymorphicProps<C extends ElementType> = {
     component?: C;
     ref?: React.Ref<any>;
 } & Omit<React.ComponentPropsWithoutRef<C>, keyof JoyIconButtonProps>;
-type IconButtonProps<C extends ElementType = 'button'> = JoyIconButtonProps & MotionProps & PolymorphicProps<C>;
+export type IconButtonProps<C extends ElementType = 'button'> = JoyIconButtonProps & MotionProps & IconButtonPolymorphicProps<C>;
 declare const IconButton: <C extends React.ElementType = "button">(props: IconButtonProps<C> & {
     ref?: React.Ref<any>;
 }) => JSX.Element;

package/dist/components/IconMenuButton/IconMenuButton.d.ts

@@ -1,21 +1,22 @@
 import React, { AriaAttributes, ComponentProps, ElementType, ReactNode } from 'react';
-import { MenuButtonProps } from '@mui/joy';
-declare function IconMenuButton<T extends ElementType, P extends ElementType>(props: {
-    size?: MenuButtonProps<T, P>['size'];
+import { MenuButtonProps as JoyMenuButtonProps } from '@mui/joy';
+export interface IconMenuButtonProps<T extends ElementType = 'button', P extends ElementType = 'li'> {
+    size?: JoyMenuButtonProps<T, P>['size'];
     icon: ReactNode;
     buttonComponent?: T;
     buttonComponentProps?: ComponentProps<T> & AriaAttributes;
     disabled?: boolean;
     loading?: boolean;
-    color?: MenuButtonProps<T, P>['color'];
-    variant?: MenuButtonProps<T, P>['variant'];
+    color?: JoyMenuButtonProps<T, P>['color'];
+    variant?: JoyMenuButtonProps<T, P>['variant'];
     items?: {
         text: string;
         component?: P;
         componentProps?: ComponentProps<P>;
     }[];
     placement?: 'bottom-start' | 'bottom' | 'bottom-end';
-}): React.JSX.Element;
+}
+declare function IconMenuButton<T extends ElementType, P extends ElementType>(props: IconMenuButtonProps<T, P>): React.JSX.Element;
 declare namespace IconMenuButton {
     var displayName: string;
 }

package/dist/components/InfoSign/InfoSign.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { TooltipProps as JoyTooltipProps } from '@mui/joy';
 import { MotionProps } from 'framer-motion';
-declare function InfoSign(props: {
+export type InfoSignProps = {
     message: string;
-} & Pick<JoyTooltipProps, 'placement'> & MotionProps): React.JSX.Element;
+} & Pick<JoyTooltipProps, 'placement'> & MotionProps;
+declare function InfoSign(props: InfoSignProps): React.JSX.Element;
 export { InfoSign };

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

@@ -1,31 +1,17 @@
 import React from 'react';
+import { type InputProps as JoyInputProps } from '@mui/joy';
 import { type MotionProps } from 'framer-motion';
-declare const Input: React.ForwardRefExoticComponent<Omit<{
+export type { JoyInputProps };
+export type InputProps = {
     label?: React.ReactNode;
     helperText?: React.ReactNode;
-    error?: boolean | undefined;
-    enableClearable?: boolean | undefined;
+    error?: boolean;
+    enableClearable?: boolean;
     /**
      * Disables the password toggle button for password inputs.
      * This has no effect when type is not "password".
      */
-    disableTogglePasswordButton?: 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" | "type" | "name" | "value" | "autoComplete" | "placeholder" | "readOnly" | "required"> & {
-    className?: string | undefined;
-    color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").InputPropsColorOverrides> | undefined; /**
-     * @see https://github.com/Ecube-Labs/hds/pull/36#discussion_r1722720909
-     * NOTE: onChange(React.SyntheticEvent)의 타입과 맞지 않아 타입 에러가 발생. 이대로 사용하다가 문제가 생기면 대응한다.
-     */
-    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" | "endDecorator" | "startDecorator" | "component" | "type" | "name" | "value" | "autoComplete" | "placeholder" | "readOnly" | "required" | "error" | "fullWidth" | keyof import("@mui/joy").InputSlotsAndSlotProps> & MotionProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+    disableTogglePasswordButton?: boolean;
+} & JoyInputProps & MotionProps;
+declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export { Input };

package/dist/components/InsetDrawer/InsetDrawer.d.ts

@@ -1,2 +1,3 @@
+export type { DrawerProps as InsetDrawerProps } from '@mui/joy';
 declare const InsetDrawer: import("@mui/types").OverridableComponent<import("@mui/joy").DrawerTypeMap<{}, "div">>;
 export { InsetDrawer };

package/dist/components/Markdown/Markdown.d.ts

@@ -4,31 +4,16 @@ import { MotionProps } from 'framer-motion';
 import { TypographyProps } from '@mui/joy';
 import { TypographySystem } from '@mui/joy';
 import { TextColor } from '@mui/joy/styles/types';
+export type MarkdownProps = TypographyProps & MotionProps & {
+    defaultLevel?: Exclude<keyof TypographySystem, 'h1' | 'h2' | 'h3' | 'h4'>;
+    accentColor?: TextColor;
+    defaultLinkAction?: '_self' | '_blank' | '_parent' | '_top' | '_unfencedTop';
+    markdownOptions?: Options;
+    boldFontWeight?: 'sm' | 'md' | 'lg' | 'xl';
+    fallback?: React.ReactNode;
+};
 declare const Markdown: {
-    (props: {
-        component?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-    } & import("@mui/joy").TypographySlotsAndSlotProps & Omit<import("@mui/joy/styles/types").SystemProps, "color"> & {
-        children?: React.ReactNode;
-        color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TypographyPropsColorOverrides> | undefined;
-        endDecorator?: React.ReactNode;
-        gutterBottom?: boolean | undefined;
-        level?: "inherit" | keyof TypographySystem | undefined;
-        levelMapping?: Partial<Record<"inherit" | keyof TypographySystem, string>> | undefined;
-        noWrap?: boolean | undefined;
-        startDecorator?: React.ReactNode;
-        textColor?: TextColor | undefined;
-        sx?: import("@mui/joy/styles/types").SxProps | undefined;
-        variant?: import("@mui/types").OverridableStringUnion<import("@mui/joy").VariantProp, import("@mui/joy").TypographyPropsVariantOverrides> | undefined;
-    } & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-        ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
-    }, "p" | "children" | "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" | "variant" | "sx" | keyof import("@mui/joy").TypographySlotsAndSlotProps | "endDecorator" | "gutterBottom" | "level" | "levelMapping" | "noWrap" | "startDecorator" | "textColor" | "component"> & MotionProps & {
-        defaultLevel?: "marketing-lg" | "marketing-md" | "marketing-sm" | "title-lg" | "title-md" | "title-sm" | "body-lg" | "body-md" | "body-sm" | "body-xs" | undefined;
-        accentColor?: TextColor | undefined;
-        defaultLinkAction?: "_self" | "_blank" | "_parent" | "_top" | "_unfencedTop" | undefined;
-        markdownOptions?: import("react-markdown").Options | undefined;
-        boldFontWeight?: "sm" | "md" | "lg" | "xl" | undefined;
-        fallback?: React.ReactNode;
-    }): React.JSX.Element | null;
+    (props: MarkdownProps): React.JSX.Element | null;
     displayName: string;
 };
 export { Markdown };

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

@@ -1,6 +1,7 @@
 import React from 'react';
-import { MenuProps } from '@mui/joy';
+import { MenuProps, MenuItemProps } from '@mui/joy';
 import { MotionProps } from 'framer-motion';
+export type { MenuProps, MenuItemProps };
 /**
  * @todo [v1.0.0] Restructure menu component to:
  * - Abstract the menu component.

package/dist/components/MenuButton/MenuButton.d.ts

@@ -1,16 +1,17 @@
 import React, { ComponentProps, ElementType } from 'react';
-import { MenuButtonProps } from '@mui/joy';
-declare function MenuButton<T extends ElementType, P extends ElementType>(props: {
-    size?: MenuButtonProps<T, P>['size'];
+import { MenuButtonProps as JoyMenuButtonProps } from '@mui/joy';
+export type { JoyMenuButtonProps };
+export interface MenuButtonProps<T extends ElementType = 'button', P extends ElementType = 'li'> {
+    size?: JoyMenuButtonProps<T, P>['size'];
     buttonText: string;
     buttonComponent?: T;
     buttonComponentProps?: ComponentProps<T>;
     disabled?: boolean;
     loading?: boolean;
-    color?: MenuButtonProps<T, P>['color'];
-    variant?: MenuButtonProps<T, P>['variant'];
-    endDecorator?: MenuButtonProps<T, P>['endDecorator'];
-    startDecorator?: MenuButtonProps<T, P>['startDecorator'];
+    color?: JoyMenuButtonProps<T, P>['color'];
+    variant?: JoyMenuButtonProps<T, P>['variant'];
+    endDecorator?: JoyMenuButtonProps<T, P>['endDecorator'];
+    startDecorator?: JoyMenuButtonProps<T, P>['startDecorator'];
     items?: {
         text: string;
         component?: P;
@@ -18,7 +19,8 @@ declare function MenuButton<T extends ElementType, P extends ElementType>(props:
     }[];
     showIcon?: boolean;
     placement?: 'bottom-start' | 'bottom' | 'bottom-end';
-}): React.JSX.Element;
+}
+declare function MenuButton<T extends ElementType, P extends ElementType>(props: MenuButtonProps<T, P>): React.JSX.Element;
 declare namespace MenuButton {
     var displayName: string;
 }

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

@@ -1,4 +1,5 @@
 import React from 'react';
+export type { ModalProps, ModalDialogProps, ModalCloseProps, ModalOverflowProps } from '@mui/joy';
 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;
@@ -29,12 +30,13 @@ declare const ModalOverflow: import("framer-motion").CustomDomComponent<{
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "sx" | keyof import("@mui/joy").ModalOverflowSlotsAndSlotProps>>;
 export { ModalOverflow };
-declare function ModalFrame(props: {
+export type ModalFrameProps = {
     title: React.ReactNode;
     children: React.ReactNode;
     titleStartDecorator?: React.ReactNode;
     onClose?: () => void;
-} & React.ComponentProps<typeof ModalDialog>): React.JSX.Element;
+} & React.ComponentProps<typeof ModalDialog>;
+declare function ModalFrame(props: ModalFrameProps): React.JSX.Element;
 declare namespace ModalFrame {
     var displayName: string;
 }

package/dist/components/NavigationGroup/NavigationGroup.d.ts

@@ -1,9 +1,10 @@
 import React, { ComponentProps, ReactNode } from 'react';
 import { Accordion as JoyAccordion } from '@mui/joy';
-declare function NavigationGroup(props: Omit<ComponentProps<typeof JoyAccordion>, 'title'> & {
+export type NavigationGroupProps = Omit<ComponentProps<typeof JoyAccordion>, 'title'> & {
     title: string | ReactNode;
     startDecorator?: ReactNode;
     children: ReactNode;
     level?: number;
-}): React.JSX.Element;
+};
+declare function NavigationGroup(props: NavigationGroupProps): React.JSX.Element;
 export { NavigationGroup };

package/dist/components/NavigationItem/NavigationItem.d.ts

@@ -1,11 +1,12 @@
 import React, { ComponentProps, ReactNode } from 'react';
 import { ListItem as JoyListItem } from '@mui/joy';
-declare function NavigationItem(props: Omit<ComponentProps<typeof JoyListItem>, 'onClick'> & {
+export type NavigationItemProps = Omit<ComponentProps<typeof JoyListItem>, 'onClick'> & {
     id: string;
     startDecorator?: ReactNode;
     level?: number;
     selected?: boolean;
     children: ReactNode;
     onClick?: (id: string) => void;
-}): React.JSX.Element;
+};
+declare function NavigationItem(props: NavigationItemProps): React.JSX.Element;
 export { NavigationItem };

package/dist/components/Navigator/Navigator.d.ts

@@ -1,23 +1,24 @@
 import React from 'react';
-type NavigatorItemProperty = {
+export type NavigatorItemProperty = {
     id: string;
     type: 'item';
     title: string | React.ReactNode;
     startDecorator?: React.ReactNode;
     selected?: boolean;
 };
-type NavigatorGroupProperty = {
+export type NavigatorGroupProperty = {
     type: 'group';
     title: string | React.ReactNode;
     startDecorator?: React.ReactNode;
     expanded?: boolean;
     content: React.ReactNode;
 };
-declare function Navigator(props: {
+export interface NavigatorProps {
     level?: number;
     items: (NavigatorItemProperty | NavigatorGroupProperty)[];
     onSelect?: (id: string) => void;
-}): React.JSX.Element;
+}
+declare function Navigator(props: NavigatorProps): React.JSX.Element;
 declare namespace Navigator {
     var displayName: string;
 }