@ceed/cds 1.34.1 → 1.36.0-next.1

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

@@ -9,7 +9,7 @@ declare const PaginationRoot: import("@emotion/styled").StyledComponent<Pick<{
 } & 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") | "divider" | "spacing" | "useFlexGap" | keyof import("@mui/joy").StackSlotsAndSlotProps>, "style" | "title" | "children" | "onAnimationStart" | "onDragStart" | "onDragEnd" | "onDrag" | "content" | "direction" | "translate" | "ref" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "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> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
-interface PaginationProps extends React.ComponentProps<typeof PaginationRoot> {
+export interface PaginationProps extends React.ComponentProps<typeof PaginationRoot> {
     paginationModel: {
         page: number;
         pageSize: number;
@@ -23,7 +23,7 @@ interface PaginationProps extends React.ComponentProps<typeof PaginationRoot> {
     size?: 'sm' | 'md' | 'lg';
     variant?: 'standard' | 'compact';
 }
-declare function Pagination(props: PaginationProps): React.JSX.Element;
+declare function Pagination(inProps: PaginationProps): React.JSX.Element;
 declare namespace Pagination {
     var displayName: string;
 }

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

@@ -1,4 +1,5 @@
 import React from 'react';
+export type { RadioProps, RadioGroupProps } from '@mui/joy';
 declare const Radio: import("framer-motion").CustomDomComponent<import("@mui/base").UseSwitchParameters & {
     checkedIcon?: React.ReactNode;
     className?: string | undefined;

package/dist/components/RadioList/RadioList.d.ts

@@ -1,11 +1,12 @@
 import React, { ComponentProps, ReactNode } from 'react';
 import { RadioGroup } from '../Radio/Radio';
-declare function RadioList(props: {
+export type RadioListProps = {
     items: {
         label: ReactNode;
         value: string;
     }[];
-} & ComponentProps<typeof RadioGroup>): React.JSX.Element;
+} & ComponentProps<typeof RadioGroup>;
+declare function RadioList(props: RadioListProps): React.JSX.Element;
 declare namespace RadioList {
     var displayName: string;
 }

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

@@ -1,6 +1,14 @@
 import React, { ComponentProps } from 'react';
-import { Select as JoySelect } from '@mui/joy';
+import { Select as JoySelect, type SelectProps as JoySelectProps } from '@mui/joy';
 import { SelectValue } from '@mui/base';
+export type { JoySelectProps };
+export type { OptionProps } from '@mui/joy';
+export type OptionType = {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+    secondaryText?: string;
+} | string | number;
 declare const Option: import("framer-motion").CustomDomComponent<{
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").OptionPropsColorOverrides> | undefined;
     children?: React.ReactNode;
@@ -13,16 +21,10 @@ 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 };
-type OptionType = {
-    label: string;
-    value: string | number;
-    disabled?: boolean;
-    secondaryText?: string;
-} | string | number;
-type InferOptionValue<OptionValue> = OptionValue extends {
+export type InferOptionValue<OptionValue> = OptionValue extends {
     value: infer V;
 } ? V : OptionValue;
-interface CeedSelectProps<OptionValue extends OptionType, Multiple extends boolean = false> extends Omit<ComponentProps<typeof JoySelect<OptionValue, any, Multiple>>, 'value' | 'onChange' | 'multiple'> {
+export interface SelectProps<OptionValue extends OptionType, Multiple extends boolean = false> extends Omit<ComponentProps<typeof JoySelect<OptionValue, any, Multiple>>, 'value' | 'onChange' | 'multiple'> {
     options: OptionValue[];
     label?: string;
     helperText?: string;
@@ -36,7 +38,7 @@ interface CeedSelectProps<OptionValue extends OptionType, Multiple extends boole
     }, newValue: InferOptionValue<OptionValue>) => void;
     multiple?: Multiple;
 }
-declare function Select<OptionValue extends OptionType, Multiple extends boolean = false>(props: CeedSelectProps<OptionValue, Multiple>): React.JSX.Element;
+declare function Select<OptionValue extends OptionType, Multiple extends boolean = false>(props: SelectProps<OptionValue, Multiple>): React.JSX.Element;
 declare namespace Select {
     var displayName: string;
 }

package/dist/components/Sheet/Sheet.d.ts

@@ -1,2 +1,3 @@
 declare const Sheet: import("@mui/types").OverridableComponent<import("@mui/joy").SheetTypeMap<{}, "div">>;
 export { Sheet };
+export type { SheetProps } from '@mui/joy';

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

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

package/dist/components/Stepper/Stepper.d.ts

@@ -21,7 +21,8 @@ declare const StepIndicator: import("@emotion/styled").StyledComponent<{
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, "children" | "color" | "variant" | "sx" | keyof import("@mui/joy").StepIndicatorSlotsAndSlotProps> & import("@mui/system").MUIStyledCommonProps<import("@mui/joy").Theme>, {}, {}>;
 export { StepIndicator };
-interface StepperProps {
+export type { StepProps, StepIndicatorProps, StepperProps as JoyStepperProps } from '@mui/joy';
+export interface StepperProps {
     steps: {
         indicatorContent?: ReactNode | string;
         label?: ReactNode | string;

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

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

package/dist/components/Table/Table.d.ts

@@ -1,19 +1,20 @@
 import React from 'react';
 import { TableProps } from '@mui/joy';
+export type { TableProps };
 declare const Table: {
     (props: TableProps): React.JSX.Element;
     displayName: string;
 };
 export { Table };
-interface HeadCell {
+export interface TableHeadCell {
     label: string;
     numeric?: boolean;
     width?: string;
     minWidth?: string;
     maxWidth?: string;
 }
-declare function TableHead<D extends Record<string, unknown>>(props: {
-    headCells: HeadCell[];
+export interface TableHeadProps<D extends Record<string, unknown> = Record<string, unknown>> {
+    headCells: TableHeadCell[];
     /**
      * Show Checkbox to select all rows
      */
@@ -32,12 +33,13 @@ declare function TableHead<D extends Record<string, unknown>>(props: {
             [key: string]: any;
         }>;
     };
-}): React.JSX.Element;
+}
+declare function TableHead<D extends Record<string, unknown>>(props: TableHeadProps<D>): React.JSX.Element;
 declare namespace TableHead {
     var displayName: string;
 }
 export { TableHead };
-interface TableBodyProps<D extends Record<string, unknown>> {
+export interface TableBodyProps<D extends Record<string, unknown> = Record<string, unknown>> {
     rows: D[];
     cellOrder: (keyof D)[];
     rowOptions?: Partial<Record<keyof D, {

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

@@ -1,4 +1,5 @@
 import React from 'react';
+export type { TabProps, TabsProps, TabListProps, TabPanelProps } from '@mui/joy';
 declare const Tabs: import("@emotion/styled").StyledComponent<Omit<import("@mui/base").TabsOwnProps, "slots" | "slotProps"> & {
     color?: import("@mui/types").OverridableStringUnion<import("@mui/joy").ColorPaletteProp, import("@mui/joy").TabsPropsColorOverrides> | undefined;
     size?: import("@mui/types").OverridableStringUnion<"sm" | "md" | "lg", import("@mui/joy").TabsPropsSizeOverrides> | undefined;

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

@@ -1,26 +1,14 @@
 import React from 'react';
-import { TextareaProps } from '@mui/joy';
+import { TextareaProps as JoyTextareaProps } from '@mui/joy';
 import { MotionProps } from 'framer-motion';
+export type { JoyTextareaProps };
+export type TextareaProps = {
+    label?: string;
+    error?: boolean;
+    helperText?: React.ReactNode;
+} & JoyTextareaProps & MotionProps;
 declare const Textarea: {
-    (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" | "name" | "value" | "autoComplete" | "placeholder" | "readOnly" | "required"> & {
-        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" | "endDecorator" | "startDecorator" | "component" | "name" | "value" | "autoComplete" | "placeholder" | "readOnly" | "required" | "error" | keyof import("@mui/joy").TextareaSlotsAndSlotProps | "maxRows" | "minRows"> & MotionProps): React.JSX.Element;
+    (props: TextareaProps): React.JSX.Element;
     displayName: string;
 };
 export { Textarea };

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

@@ -8,6 +8,9 @@ import { MonthPickerProps } from '../MonthPicker';
 import { MonthRangePickerProps } from '../MonthRangePicker';
 import { PercentageInputProps } from '../PercentageInput';
 import type { SearchBarOwnerState, SearchBarProps, SearchBarSlot } from '../SearchBar/SearchBar';
+import type { AlertProps } from '../Alert/Alert';
+import type { PaginationProps } from '../Pagination/Pagination';
+import type { FilterableCheckboxGroupProps } from '../FilterableCheckboxGroup/FilterableCheckboxGroup';
 declare module '@mui/joy/styles' {
     interface TypographySystemOverrides {
         'marketing-lg': true;
@@ -47,6 +50,18 @@ declare module '@mui/joy/styles' {
             defaultProps?: Partial<SearchBarProps>;
             styleOverrides?: StyleOverrides<SearchBarSlot, SearchBarOwnerState, Theme>;
         };
+        Alert?: {
+            defaultProps?: Partial<AlertProps>;
+            styleOverrides?: StyleOverrides<'root', {}, Theme>;
+        };
+        Pagination?: {
+            defaultProps?: Partial<PaginationProps>;
+            styleOverrides?: StyleOverrides<'root' | 'button' | 'container', {}, Theme>;
+        };
+        FilterableCheckboxGroup?: {
+            defaultProps?: Partial<FilterableCheckboxGroupProps>;
+            styleOverrides?: StyleOverrides<'root', {}, Theme>;
+        };
     }
 }
 declare module '@mui/joy/Avatar' {

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

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

package/dist/components/Typography/Typography.d.ts

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

package/dist/components/Uploader/Uploader.d.ts

@@ -1,38 +1,39 @@
 import React from 'react';
-type UserUpload = {
+export type UserUpload = {
     id: string | number;
     name: string;
     size?: number;
 };
-declare const Uploader: React.MemoExoticComponent<(props: {
-    onChange?: ((event: {
+export interface UploaderProps {
+    onChange?: (event: {
         target: {
-            name?: string | undefined;
+            name?: string;
             value: File[];
         };
-    }) => void) | undefined;
-    onDelete?: ((deletedFile: UserUpload) => void) | undefined;
-    name?: string | undefined;
-    size?: "sm" | "md" | undefined;
-    label?: string | undefined;
-    error?: boolean | undefined;
+    }) => void;
+    onDelete?: (deletedFile: UserUpload) => void;
+    name?: string;
+    size?: 'sm' | 'md';
+    label?: string;
+    error?: boolean;
     accept: string;
-    disabled?: boolean | undefined;
-    minCount?: number | undefined;
-    maxCount?: number | undefined;
+    disabled?: boolean;
+    minCount?: number;
+    maxCount?: number;
     /**
      * Maximum size per file in bytes
      */
-    maxFileSize?: number | undefined;
+    maxFileSize?: number;
     /**
      * Maximum size of all files in bytes
      */
     maxFileTotalSize: number;
-    uploaded?: UserUpload[] | undefined;
+    uploaded?: UserUpload[];
     /**
      * 모든 안내 메세지/에러 메세지보다 해당 메세지가 우선적으로 보여진다.
      * 기본 안내 메세지 및 에러 메세지를 사용하려면 해당 필드를 비워야 한다.
      */
-    helperText?: string | undefined;
-}) => React.JSX.Element>;
+    helperText?: string;
+}
+declare const Uploader: React.MemoExoticComponent<(props: UploaderProps) => React.JSX.Element>;
 export { Uploader };

package/dist/components/data-display/Avatar.md

@@ -54,8 +54,8 @@ An avatar that uses an image.
 
 ```tsx
 <Stack direction="row" spacing={2} alignItems="center">
-  <Avatar {...args} />
-</Stack>
+    <Avatar {...args} />
+  </Stack>
 ```
 
 ### With Text
@@ -64,8 +64,8 @@ An avatar that uses text or initials.
 
 ```tsx
 <Stack direction="row" spacing={2} alignItems="center">
-  <Avatar {...args} />
-</Stack>
+    <Avatar {...args} />
+  </Stack>
 ```
 
 ## Customization
@@ -76,8 +76,10 @@ You can apply various visual styles.
 
 ```tsx
 <Stack direction="row" spacing={2} alignItems="center">
-  {variants.map(variant => <Avatar key={variant} {...args} variant={variant} />)}
-</Stack>
+    {variants.map((variant) => (
+      <Avatar key={variant} {...args} variant={variant} />
+    ))}
+  </Stack>
 ```
 
 - **solid**: A style with a filled background color
@@ -91,10 +93,12 @@ You can use avatars in various sizes.
 
 ```tsx
 <Stack direction="row" spacing={2} alignItems="center">
-  {sizesWithXs.map(size => <Avatar key={size} {...args} size={size}>
-  {getSizeContent(size)}
-</Avatar>)}
-</Stack>
+    {sizesWithXs.map((size) => (
+      <Avatar key={size} {...args} size={size}>
+        {getSizeContent(size)}
+      </Avatar>
+    ))}
+  </Stack>
 ```
 
 - **xs**: Extra small size (16px)
@@ -108,8 +112,10 @@ You can apply various color themes.
 
 ```tsx
 <Stack direction="row" spacing={2} alignItems="center">
-  {colors.map(color => <Avatar key={color} {...args} color={color} />)}
-</Stack>
+    {colors.map((color) => (
+      <Avatar key={color} {...args} color={color} />
+    ))}
+  </Stack>
 ```
 
 - **primary**: Primary brand color
@@ -124,26 +130,32 @@ You can review all variant, size, and color combinations.
 
 ```tsx
 <Stack gap={8}>
-  {variants.map(variant => <Stack key={variant} gap={2}>
-  <Typography level="title-md">
-    {variant.slice(0, 1).toLocaleUpperCase()}
-    {variant.slice(1)} Variant
-  </Typography>
-  {colors.map(color => <Stack key={color} direction="row" gap={2} alignItems="center">
-  {sizesWithXs.map(size => <Stack key={size} alignItems="center" gap={1}>
-  <Avatar {...args} size={size} color={color} variant={variant}>
-    {getSizeContent(size)}
-  </Avatar>
-  <Typography level="body-sm">{size}</Typography>
-</Stack>)}
-{/* With image */}
-<Stack alignItems="center" gap={1}>
-  <Avatar {...args} size="md" color={color} variant={variant} />
-  <Typography level="body-sm">image</Typography>
-</Stack>
-</Stack>)}
-</Stack>)}
-</Stack>
+    {variants.map((variant) => (
+      <Stack key={variant} gap={2}>
+        <Typography level="title-md">
+          {variant.slice(0, 1).toLocaleUpperCase()}
+          {variant.slice(1)} Variant
+        </Typography>
+        {colors.map((color) => (
+          <Stack key={color} direction="row" gap={2} alignItems="center">
+            {sizesWithXs.map((size) => (
+              <Stack key={size} alignItems="center" gap={1}>
+                <Avatar {...args} size={size} color={color} variant={variant}>
+                  {getSizeContent(size)}
+                </Avatar>
+                <Typography level="body-sm">{size}</Typography>
+              </Stack>
+            ))}
+            {/* With image */}
+            <Stack alignItems="center" gap={1}>
+              <Avatar {...args} size="md" color={color} variant={variant} />
+              <Typography level="body-sm">image</Typography>
+            </Stack>
+          </Stack>
+        ))}
+      </Stack>
+    ))}
+  </Stack>
 ```
 
 ## Common Use Cases
@@ -154,11 +166,7 @@ An example of using an avatar in a user profile.
 
 ```tsx
 <Stack direction="row" spacing={2} alignItems="center">
-  <Avatar
-    src="/user-profile.jpg"
-    alt="김철수"
-    size="lg"
-  />
+  <Avatar src="/user-profile.jpg" alt="김철수" size="lg" />
   <Stack>
     <Typography level="title-md">김철수</Typography>
     <Typography level="body-sm" color="neutral">
@@ -200,9 +208,7 @@ Used to represent a user in comments or feeds.
         2시간 전
       </Typography>
     </Stack>
-    <Typography level="body-md">
-      이것은 사용자의 댓글 내용입니다.
-    </Typography>
+    <Typography level="body-md">이것은 사용자의 댓글 내용입니다.</Typography>
   </Stack>
 </Stack>
 ```
@@ -217,13 +223,7 @@ Used to display a list of team members.
 
   {teamMembers.map((member) => (
     <Stack key={member.id} direction="row" spacing={2} alignItems="center">
-      <Avatar
-        src={member.avatar}
-        alt={member.name}
-        size="md"
-        variant="soft"
-        color="primary"
-      >
+      <Avatar src={member.avatar} alt={member.name} size="md" variant="soft" color="primary">
         {member.name.charAt(0)}
       </Avatar>
       <Stack flex={1}>
@@ -246,9 +246,15 @@ Used to display multiple users as a group.
 
 ```tsx
 <Stack direction="row" spacing={-1}>
-  <Avatar size="sm" variant="solid" color="primary">김</Avatar>
-  <Avatar size="sm" variant="solid" color="success">이</Avatar>
-  <Avatar size="sm" variant="solid" color="warning">박</Avatar>
+  <Avatar size="sm" variant="solid" color="primary">
+    김
+  </Avatar>
+  <Avatar size="sm" variant="solid" color="success">
+    이
+  </Avatar>
+  <Avatar size="sm" variant="solid" color="warning">
+    박
+  </Avatar>
   <Avatar size="sm" variant="outlined" color="neutral">
     <Typography level="body-xs">+3</Typography>
   </Avatar>
@@ -327,12 +333,7 @@ Used to represent users or items in list items.
 If image loading fails, it automatically falls back to initials or an icon.
 
 ```tsx
-<Avatar
-  src="/broken-image-url.jpg"
-  alt="김철수"
-  color="primary"
-  variant="soft"
->
+<Avatar src="/broken-image-url.jpg" alt="김철수" color="primary" variant="soft">
   김
 </Avatar>
 ```
@@ -342,12 +343,7 @@ If image loading fails, it automatically falls back to initials or an icon.
 While the image is loading, `children` are shown first, then the image is displayed once loading completes.
 
 ```tsx
-<Avatar
-  src="/slow-loading-image.jpg"
-  alt="사용자"
-  color="neutral"
-  variant="soft"
->
+<Avatar src="/slow-loading-image.jpg" alt="사용자" color="neutral" variant="soft">
   <PersonIcon />
 </Avatar>
 ```
@@ -378,10 +374,7 @@ Avatar provides the following accessibility features:
 For image avatars, provide appropriate alt text.
 
 ```tsx
-<Avatar
-  src="/user-profile.jpg"
-  alt="김철수의 프로필 사진"
-/>
+<Avatar src="/user-profile.jpg" alt="김철수의 프로필 사진" />
 ```
 
 ### Semantic Meaning
@@ -389,12 +382,7 @@ For image avatars, provide appropriate alt text.
 If the avatar carries meaning rather than serving a purely decorative purpose, provide an appropriate role.
 
 ```tsx
-<Avatar
-  src="/user-avatar.jpg"
-  alt="현재 사용자"
-  role="img"
-  aria-label="현재 로그인한 사용자의 프로필 이미지"
-/>
+<Avatar src="/user-avatar.jpg" alt="현재 사용자" role="img" aria-label="현재 로그인한 사용자의 프로필 이미지" />
 ```
 
 ### Color Contrast