fone-design-system_v2 1.0.209 → 1.0.210

package/dist/components/Image/Image.d.ts

@@ -0,0 +1,11 @@
+import { BoxProps } from '@mui/material';
+import * as React from "react";
+export interface ImageProps extends Omit<BoxProps, "component"> {
+    src: string;
+    alt?: string;
+    width?: string | number;
+    height?: string | number;
+    component?: React.ElementType;
+}
+declare const Image: ({ src, alt, component: Component, width, height, ...props }: ImageProps) => import("react/jsx-runtime").JSX.Element;
+export default Image;

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

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

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

@@ -7,6 +7,11 @@ export interface RadioGroupProps<T extends FieldValues> extends MuiRadioGroupPro
     name: string;
     label?: React.ReactNode;
     row?: boolean;
+    /**
+     * `FormControlLabel` 내부에서 라디오와 라벨 사이 간격.
+     * (기본값: "6px")
+     */
+    optionGap?: string | number;
     children?: React.ReactNode;
     options?: Array<Omit<FormControlLabelProps, "control"> & RadioProps>;
     formName?: FieldPath<T>;
@@ -16,5 +21,5 @@ export interface RadioGroupProps<T extends FieldValues> extends MuiRadioGroupPro
     field?: any;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
 }
-declare const RadioGroup: ({ name, label, row, children, options, formName, control, field, value, onChange, sx, defaultValue, ...props }: RadioGroupProps<FieldValues>) => import("react/jsx-runtime").JSX.Element;
+declare const RadioGroup: ({ name, label, row, optionGap, children, options, formName, control, field, value, onChange, sx, defaultValue, ...props }: RadioGroupProps<FieldValues>) => import("react/jsx-runtime").JSX.Element;
 export default RadioGroup;

package/dist/components/Table2/types/table.types.d.ts

@@ -29,6 +29,32 @@ export type ColumnDef<T extends object> = TanstackColumnDef<T> & {
     visible?: boolean;
     simpleSelect?: boolean;
     showEditIcon?: boolean;
+    /** 바디 셀의 내용을 컬럼 단위로 커스텀 렌더링합니다. */
+    renderCell?: (params: {
+        rowData: T;
+        rowIndex: number;
+        column: ColumnDef<T>;
+        columnId: string;
+        value: unknown;
+    }) => React.ReactNode;
+    /** 바디 td 요소에 추가 속성이나 스타일을 주입합니다. */
+    getCellProps?: (params: {
+        rowData: T;
+        rowIndex: number;
+        column: ColumnDef<T>;
+        columnId: string;
+        value: unknown;
+    }) => React.TdHTMLAttributes<HTMLTableCellElement>;
+    /** 헤더 셀의 내용을 컬럼 단위로 커스텀 렌더링합니다. */
+    renderHeaderCell?: (params: {
+        column: ColumnDef<T>;
+        columnId: string;
+    }) => React.ReactNode;
+    /** 헤더 th 요소에 추가 속성이나 스타일을 주입합니다. */
+    getHeaderCellProps?: (params: {
+        column: ColumnDef<T>;
+        columnId: string;
+    }) => React.ThHTMLAttributes<HTMLTableCellElement>;
 };
 export interface Table2Props {
     /** Cell 클릭 시 해당 Cell Border 스타일 변경 여부를 설정합니다. */