fone-design-system_v2 1.0.97 → 1.0.99

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

@@ -1,33 +1,44 @@
-import { default as React } from 'react';
-import { SxProps, Theme } from '@mui/material';
+import { SxProps, Theme } from '@mui/material/styles';
 import { TabsProps as MuiTabsProps } from '@mui/material/Tabs';
-export interface TabsProps extends MuiTabsProps {
-    /** 현재 선택된 탭의 인덱스 */
+import * as React from "react";
+export type TabsItem = {
+    key: string;
+    label: React.ReactNode;
+    content: React.ReactNode;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    iconPosition?: "start" | "end" | "top" | "bottom";
+    ariaLabel?: string;
+};
+export interface TabsProps extends Omit<MuiTabsProps, "children" | "value" | "onChange"> {
+    /** 현재 선택된 탭 인덱스 */
     value: number;
-    /** 탭 변경 이벤트 핸들러 */
+    /** 탭 변경 이벤트 */
     onChange: (event: React.SyntheticEvent, newValue: number) => void;
     /** 탭 방향 */
     orientation?: "horizontal" | "vertical";
     /** 탭 변형 */
     variant?: "standard" | "scrollable" | "fullWidth";
-    /** 탭 항목 목록 */
-    items: {
-        label: string;
-        content: React.ReactNode;
-        key: string;
-        disabled?: boolean;
-        icon?: React.ReactNode;
-        iconPosition?: "start" | "end" | "top" | "bottom";
-    }[];
-    /** 탭 텍스트 색상 */
-    textColor?: "inherit" | "primary" | "secondary";
-    /** 탭 인디케이터 색상 */
-    indicatorColor?: "primary" | "secondary";
-    /** 탭 선택 포커스 여부 */
+    /** 탭 목록 */
+    items: TabsItem[];
+    /** 탭 포커스 시 자동 선택 여부 */
     selectionFollowsFocus?: boolean;
-    /** MUI에서 제공하는 스타일 속성 */
+    /** 숨겨진 패널도 DOM 유지 여부 */
+    keepMounted?: boolean;
+    /** 루트 wrapper 스타일 */
     sx?: SxProps<Theme>;
+    /** MuiTabs 스타일 */
+    tabsSx?: SxProps<Theme>;
+    /** 개별 Tab 공통 스타일 */
+    tabSx?: SxProps<Theme>;
+    /** 개별 TabPanel 공통 스타일 */
+    panelSx?: SxProps<Theme>;
 }
-/** 콘텐츠를 구분하여 표시하는 탭 컴포넌트 (ref는 내부 MuiTabs의 루트 div로 전달) */
+/**
+ * 접근성을 고려한 Tabs 컴포넌트
+ * - tablist / tab / tabpanel 연결
+ * - 중복되지 않는 id 생성
+ * - ripple 제거 시 focus-visible 스타일 유지
+ */
 declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export default Tabs;

package/dist/components/TreeView2/TreeView2.d.ts

@@ -6,6 +6,8 @@ export interface TreeView2Props extends RichTreeViewProps<TreeViewBaseItem, bool
     className?: string;
     /** 렌더링할 최상위 트리 데이터 */
     items: TreeViewBaseItem[];
+    /** 외부에서 items 상태를 직접 제어하고 싶을 때 전달 (setState 함수) */
+    setItems?: (next: TreeViewBaseItem[] | ((prev: TreeViewBaseItem[]) => TreeViewBaseItem[])) => void;
     /** 행 hover 시 배경 하이라이트 표시 여부 @default true */
     hoverHighlight?: boolean;
     /** 노드 open 토글을 외부에서 제어하고 싶을 때 호출됩니다. 제공되면 내부에서는 open 상태를 변경하지 않습니다. */
@@ -62,5 +64,5 @@ export interface TreeView2Props extends RichTreeViewProps<TreeViewBaseItem, bool
     /** 재정렬 결과가 확정될 때 호출되는 콜백 (최상위 items 전체를 반환) */
     onReorder?: (nextItems: TreeViewBaseItem[]) => void;
 }
-declare const TreeView2: ({ className, items, hoverHighlight, onToggleOpen, isItemDisabled, checkboxSelection, multiSelect, reorderMode, draggableFromLevel, onItemSelectionToggle, onItemClick, onItemDoubleClick, defaultExpanded, isLoading, scrollTo, editItems, previewText, onReorder, }: TreeView2Props) => import("react/jsx-runtime").JSX.Element;
+declare const TreeView2: ({ className, items, setItems, hoverHighlight, onToggleOpen, isItemDisabled, checkboxSelection, multiSelect, reorderMode, draggableFromLevel, onItemSelectionToggle, onItemClick, onItemDoubleClick, defaultExpanded, isLoading, scrollTo, editItems, previewText, onReorder, }: TreeView2Props) => import("react/jsx-runtime").JSX.Element;
 export default TreeView2;