@j-solution/components 1.7.0 → 1.9.0

package/types/index.d.ts

@@ -59,7 +59,9 @@ disabled: boolean;
 items: ContextMenuGroup[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_12: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component_12: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{}>, {
+variant: CardVariant;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare const __VLS_component_13: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 confirm: () => any;
@@ -89,7 +91,16 @@ orientation: "vertical" | "horizontal" | null;
 showButtonSeparators: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_17: DefineComponent<JDynamicTabsProps, {
+declare const __VLS_component_17: DefineComponent<JEmptyStateProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+action: () => any;
+}, string, PublicProps, Readonly<JEmptyStateProps> & Readonly<{
+onAction?: (() => any) | undefined;
+}>, {
+variant: "default" | "simple";
+icon: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+declare const __VLS_component_18: DefineComponent<JDynamicTabsProps, {
 addTab: (tab: DynamicTab) => void;
 closeTab: (id: string) => void;
 activateTab: (id: string) => void;
@@ -110,7 +121,7 @@ maxTabs: number;
 emptyMessage: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_18: DefineComponent<JModalProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_19: DefineComponent<JModalProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:open": (value: boolean) => any;
 cancel: () => any;
 confirm: (value?: string | undefined) => any;
@@ -132,7 +143,26 @@ confirmVariant: "default" | "destructive" | "outline" | "secondary" | "ghost" |
 confirmDisabled: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_19: DefineComponent<JFormModalProps, {
+declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string | number) => any;
+change: (value: string | number) => any;
+focus: (event: FocusEvent) => any;
+blur: (event: FocusEvent) => any;
+}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
+"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+onChange?: ((value: string | number) => any) | undefined;
+onFocus?: ((event: FocusEvent) => any) | undefined;
+onBlur?: ((event: FocusEvent) => any) | undefined;
+}>, {
+disabled: boolean;
+type: string;
+placeholder: string;
+readonly: boolean;
+required: boolean;
+styletype: StyleType_2;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLInputElement>;
+
+declare const __VLS_component_20: DefineComponent<JFormModalProps, {
 reset: () => void | undefined;
 submit: () => void | undefined;
 formState: ComputedRef<Record<string, any> | undefined>;
@@ -208,26 +238,7 @@ handleError: (errs: any) => void;
 }, {}, {}, {}, {}> | null;
 }, any>;
 
-declare const __VLS_component_2: DefineComponent<__VLS_Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: string | number) => any;
-change: (value: string | number) => any;
-focus: (event: FocusEvent) => any;
-blur: (event: FocusEvent) => any;
-}, string, PublicProps, Readonly<__VLS_Props_2> & Readonly<{
-"onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
-onChange?: ((value: string | number) => any) | undefined;
-onFocus?: ((event: FocusEvent) => any) | undefined;
-onBlur?: ((event: FocusEvent) => any) | undefined;
-}>, {
-disabled: boolean;
-type: string;
-placeholder: string;
-readonly: boolean;
-required: boolean;
-styletype: StyleType_2;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLInputElement>;
-
-declare const __VLS_component_20: DefineComponent<JFilterBarProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_21: DefineComponent<JFilterBarProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 search: () => any;
 reset: () => any;
 "update:collapsed": (value: boolean) => any;
@@ -248,7 +259,7 @@ resetButtonText: string;
 searchButtonText: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_21: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_22: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 logoClick: () => any;
 navClick: (item: HeaderNavItem, index: number) => any;
 notificationClick: (item: NotificationItem) => any;
@@ -274,10 +285,10 @@ defaultTheme: string;
 availableThemes: string[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
-declare const __VLS_component_22: DefineComponent<__VLS_Props_37, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_23: DefineComponent<__VLS_Props_38, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 breadcrumbClick: (item: BreadcrumbItem, index: number) => any;
 titlebarButtonClick: (button: TitlebarButton) => any;
-}, string, PublicProps, Readonly<__VLS_Props_37> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_38> & Readonly<{
 onBreadcrumbClick?: ((item: BreadcrumbItem, index: number) => any) | undefined;
 onTitlebarButtonClick?: ((button: TitlebarButton) => any) | undefined;
 }>, {
@@ -288,14 +299,17 @@ showTitlebar: boolean;
 contentScroll: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_23: DefineComponent<__VLS_Props_39, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_39> & Readonly<{}>, {
+declare const __VLS_component_24: DefineComponent<__VLS_Props_40, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_40> & Readonly<{}>, {
 styletype: StyleType_29;
 contentScroll: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_24: DefineComponent<__VLS_Props_40, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_40> & Readonly<{}>, {
+declare const __VLS_component_25: DefineComponent<__VLS_Props_41, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"menu-click": (item: SidebarMenuItem, event: MouseEvent) => any;
+}, string, PublicProps, Readonly<__VLS_Props_41> & Readonly<{
+"onMenu-click"?: ((item: SidebarMenuItem, event: MouseEvent) => any) | undefined;
+}>, {
 styletype: "default" | "minimal";
-permissions: MenuPermission[];
 menuItems: SidebarMenuItem[];
 contentScroll: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
@@ -560,6 +574,8 @@ declare type __VLS_Props_21 = {
     styletype?: StyleType_19;
     /** HTML for 속성 (연결할 input의 id) */
     for?: string;
+    /** 추가 클래스 (외부 커스터마이징용) */
+    class?: string;
 };
 
 declare type __VLS_Props_22 = {
@@ -591,6 +607,8 @@ declare type __VLS_Props_23 = {
 };
 
 declare type __VLS_Props_24 = {
+    /** 추가 클래스 (외부 커스터마이징용) */
+    class?: string;
     /** 그리드에 표시할 데이터 배열 */
     rowData: any[];
     /** 컬럼 정의 배열 */
@@ -665,6 +683,8 @@ declare type __VLS_Props_25 = {
 };
 
 declare type __VLS_Props_26 = {
+    /** 추가 클래스 (외부 커스터마이징용) */
+    class?: string;
     /** 필드 레이블 */
     label?: string;
     /** 필드 설명 (레이블 아래 표시) */
@@ -733,6 +753,8 @@ declare type __VLS_Props_28 = {
     description?: string;
     /** 카드 푸터 텍스트 */
     footer?: string;
+    /** 카드 variant (패턴 4) */
+    variant?: CardVariant;
 };
 
 declare type __VLS_Props_29 = {
@@ -779,6 +801,8 @@ declare type __VLS_Props_30 = {
     showHelp?: boolean;
     /** 메인 버튼 목록 */
     buttons?: TitlebarButton[];
+    /** 추가 클래스 (외부 커스터마이징용) */
+    class?: string;
 };
 
 declare type __VLS_Props_31 = {
@@ -837,9 +861,35 @@ declare type __VLS_Props_34 = {
     availableThemes?: string[];
 };
 
+/**
+ * JSidebar - 통합 사이드바 컴포넌트
+ *
+ * DB 트리 데이터 기반, provide/inject로 상태 공유.
+ * collapsed 모드, 검색, 즐겨찾기(localStorage) 지원.
+ * 라우터를 모름 — @menu-click으로 아이템을 올려보냄.
+ */
 declare type __VLS_Props_35 = {
+    /** 메뉴 트리 데이터 */
+    items: SidebarMenuItem[];
+    /** 접힘 상태 (v-model:collapsed) */
+    collapsed?: boolean;
+    /** 현재 활성 경로 */
+    activePath?: string;
+    /** 펼침 너비 */
+    width?: string;
+    /** 접힘 너비 */
+    collapsedWidth?: string;
+    /** 즐겨찾기 localStorage 키 (없으면 즐겨찾기 비활성) */
+    storageKey?: string;
+    /** 검색 표시 여부 */
+    showSearch?: boolean;
+    /** 즐겨찾기 섹션 표시 여부 */
+    showFavorites?: boolean;
+};
+
+declare type __VLS_Props_36 = {
     /** 메뉴 아이템 목록 */
-    menuItems: SidebarMenuItem[];
+    menuItems: SidebarMenuItem_2[];
     /** 권한 목록 */
     permissions?: MenuPermission[];
     /** 검색어 */
@@ -854,9 +904,9 @@ declare type __VLS_Props_35 = {
     isVisible?: boolean;
 };
 
-declare type __VLS_Props_36 = {
+declare type __VLS_Props_37 = {
     /** 메뉴 아이템 목록 */
-    menuItems: SidebarMenuItem[];
+    menuItems: SidebarMenuItem_2[];
     /** 권한 목록 */
     permissions?: MenuPermission[];
     /** 즐겨찾기 메뉴 키 목록 */
@@ -871,7 +921,7 @@ declare type __VLS_Props_36 = {
     isVisible?: boolean;
 };
 
-declare type __VLS_Props_37 = {
+declare type __VLS_Props_38 = {
     /** 브레드크럼 아이템 목록 */
     breadcrumbItems?: BreadcrumbItem[];
     /** 브레드크럼 표시 여부 */
@@ -892,9 +942,9 @@ declare type __VLS_Props_37 = {
     class?: string;
 };
 
-declare type __VLS_Props_38 = {
+declare type __VLS_Props_39 = {
     /** 트리 노드 데이터 */
-    items: SidebarMenuItem[];
+    items: SidebarMenuItem_2[];
     /** 펼쳐진 노드 키 목록 (v-model 지원, 배열) */
     expandedKeys?: (number | string)[];
     /** 현재 선택(하이라이트)된 노드의 menuKey (v-model 지원) */
@@ -911,15 +961,6 @@ declare type __VLS_Props_38 = {
     class?: string;
 };
 
-declare type __VLS_Props_39 = {
-    /** 레이아웃 스타일 타입 */
-    styletype?: StyleType_29;
-    /** 콘텐츠 영역 스크롤 가능 여부 */
-    contentScroll?: boolean;
-    /** 추가 CSS 클래스 */
-    class?: string;
-};
-
 declare type __VLS_Props_4 = {
     modelValue?: string;
     disabled?: boolean;
@@ -931,37 +972,28 @@ declare type __VLS_Props_4 = {
     styletype?: StyleType_4;
 };
 
+declare type __VLS_Props_40 = {
+    /** 레이아웃 스타일 타입 */
+    styletype?: StyleType_29;
+    /** 콘텐츠 영역 스크롤 가능 여부 */
+    contentScroll?: boolean;
+    /** 추가 CSS 클래스 */
+    class?: string;
+};
+
 /**
- * JLayoutSimple - Simple Sidebar + 일반 PageContainer 조합 템플릿 (templates)
- * Simple Layout Template
- *
- * @description
- * JLayout을 사용하는 Preset 템플릿입니다.
- * JHeader, JSidebarSimple, JPageContainer를 조합한 기본 레이아웃 예시를 제공합니다.
- *
- * 레이아웃 구조:
- * - header: 상단 헤더 영역 (슬롯)
- * - sidebar: 사이드바 영역 (슬롯)
- * - content: 메인 콘텐츠 영역 (슬롯, 기본 슬롯)
+ * JLayoutSimple - JSidebar + 일반 PageContainer 조합 템플릿
  *
  * @example
  * ```vue
- * <JLayoutSimple styletype="default" :content-scroll="true">
- *   <template #header>
- *     <JHeader logo-text="JWMS Portal" :user-name="userName" styletype="default" />
- *   </template>
- *   <template #sidebar>
- *     <JSidebarSimple :menu-items="menuItems" styletype="default" />
- *   </template>
+ * <JLayoutSimple :menu-items="menuItems" storage-key="my-app-favorites">
  *   <template #content>
- *     <JPageContainer title="재고 관리">
- *       <div>페이지 콘텐츠</div>
- *     </JPageContainer>
+ *     <RouterView />
  *   </template>
  * </JLayoutSimple>
  * ```
  */
-declare type __VLS_Props_40 = {
+declare type __VLS_Props_41 = {
     /** 레이아웃 스타일 타입 */
     styletype?: 'default' | 'minimal';
     /** 콘텐츠 영역 스크롤 가능 여부 */
@@ -970,8 +1002,10 @@ declare type __VLS_Props_40 = {
     class?: string;
     /** 메뉴 아이템 목록 */
     menuItems?: SidebarMenuItem[];
-    /** 권한 목록 */
-    permissions?: MenuPermission[];
+    /** 현재 활성 경로 */
+    activePath?: string;
+    /** 즐겨찾기 localStorage 키 */
+    storageKey?: string;
 };
 
 declare type __VLS_Props_5 = {
@@ -1081,7 +1115,9 @@ declare function __VLS_template_11(): {
 declare function __VLS_template_12(): {
     attrs: Partial<{}>;
     slots: {
+        actions?(_: {}): any;
         default?(_: {}): any;
+        footer?(_: {}): any;
     };
     refs: {};
     rootEl: HTMLDivElement;
@@ -1131,6 +1167,20 @@ declare function __VLS_template_16(): {
 };
 
 declare function __VLS_template_17(): {
+    attrs: Partial<{}>;
+    slots: {
+        icon?(_: {}): any;
+        icon?(_: {}): any;
+        title?(_: {}): any;
+        title?(_: {}): any;
+        description?(_: {}): any;
+        action?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+
+declare function __VLS_template_18(): {
     attrs: Partial<{}>;
     slots: Partial<Record<`content-${string}`, (_: {
         tab: DynamicTab;
@@ -1139,7 +1189,7 @@ declare function __VLS_template_17(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_18(): {
+declare function __VLS_template_19(): {
     attrs: Partial<{}>;
     slots: {
         body?(_: {}): any;
@@ -1148,7 +1198,16 @@ declare function __VLS_template_18(): {
     rootEl: any;
 };
 
-declare function __VLS_template_19(): {
+declare function __VLS_template_2(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLInputElement;
+};
+
+declare function __VLS_template_20(): {
     attrs: Partial<{}>;
     slots: {
         body?(_: {}): any;
@@ -1198,16 +1257,7 @@ declare function __VLS_template_19(): {
     rootEl: any;
 };
 
-declare function __VLS_template_2(): {
-    attrs: Partial<{}>;
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {};
-    rootEl: HTMLInputElement;
-};
-
-declare function __VLS_template_20(): {
+declare function __VLS_template_21(): {
     attrs: Partial<{}>;
     slots: {
         actions?(_: {}): any;
@@ -1217,7 +1267,7 @@ declare function __VLS_template_20(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_21(): {
+declare function __VLS_template_22(): {
     attrs: Partial<{}>;
     slots: {
         toolbar?(_: {}): any;
@@ -1226,7 +1276,7 @@ declare function __VLS_template_21(): {
     rootEl: HTMLElement;
 };
 
-declare function __VLS_template_22(): {
+declare function __VLS_template_23(): {
     attrs: Partial<{}>;
     slots: {
         'titlebar-buttons'?(_: {}): any;
@@ -1236,7 +1286,7 @@ declare function __VLS_template_22(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_23(): {
+declare function __VLS_template_24(): {
     attrs: Partial<{}>;
     slots: {
         header?(_: {}): any;
@@ -1248,15 +1298,15 @@ declare function __VLS_template_23(): {
     rootEl: HTMLDivElement;
 };
 
-declare function __VLS_template_24(): {
+declare function __VLS_template_25(): {
     attrs: Partial<{}>;
     slots: {
         header?(_: {
-            isSidebarOpen: boolean;
+            isSidebarCollapsed: boolean;
             onSidebarToggle: () => void;
         }): any;
         sidebar?(_: {
-            isSidebarOpen: boolean;
+            isSidebarCollapsed: boolean;
         }): any;
         content?(_: {}): any;
         default?(_: {}): any;
@@ -1368,6 +1418,8 @@ declare type __VLS_TemplateResult_23 = ReturnType<typeof __VLS_template_23>;
 
 declare type __VLS_TemplateResult_24 = ReturnType<typeof __VLS_template_24>;
 
+declare type __VLS_TemplateResult_25 = ReturnType<typeof __VLS_template_25>;
+
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
 
 declare type __VLS_TemplateResult_4 = ReturnType<typeof __VLS_template_4>;
@@ -1484,6 +1536,12 @@ declare type __VLS_WithTemplateSlots_24<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_25<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_3<T, S> = T & {
     new (): {
         $slots: S;
@@ -1636,6 +1694,8 @@ declare const buttonVariants: (props?: ({
     size?: "sm" | "lg" | "xs" | "md" | "icon" | null | undefined;
 } & ClassProp) | undefined) => string;
 
+declare type CardVariant = 'default' | 'elevated';
+
 declare interface ComboboxOption {
     value: string | number;
     label: string;
@@ -1744,6 +1804,7 @@ export declare const ExampleCrudPage: DefineComponent<    {}, {
 gridRef: Ref<any, any>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
 gridRef: CreateComponentPublicInstanceWithMixins<Readonly<{
+class?: string;
 rowData: any[];
 columnDefs: ColDef[];
 theme?: string;
@@ -1821,6 +1882,7 @@ C: {};
 M: {};
 Defaults: {};
 }, Readonly<{
+class?: string;
 rowData: any[];
 columnDefs: ColDef[];
 theme?: string;
@@ -1890,6 +1952,7 @@ masterGridRef: Ref<any, any>;
 mappingMasterGridRef: Ref<any, any>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
 masterGridRef: CreateComponentPublicInstanceWithMixins<Readonly<{
+class?: string;
 rowData: any[];
 columnDefs: ColDef[];
 theme?: string;
@@ -1967,6 +2030,7 @@ C: {};
 M: {};
 Defaults: {};
 }, Readonly<{
+class?: string;
 rowData: any[];
 columnDefs: ColDef[];
 theme?: string;
@@ -2030,6 +2094,7 @@ pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
 pivotMode: boolean;
 }> | null;
 mappingMasterGridRef: CreateComponentPublicInstanceWithMixins<Readonly<{
+class?: string;
 rowData: any[];
 columnDefs: ColDef[];
 theme?: string;
@@ -2107,6 +2172,7 @@ C: {};
 M: {};
 Defaults: {};
 }, Readonly<{
+class?: string;
 rowData: any[];
 columnDefs: ColDef[];
 theme?: string;
@@ -2169,287 +2235,7 @@ groupDefaultExpanded: number;
 pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
 pivotMode: boolean;
 }> | null;
-unmappedGridRef: CreateComponentPublicInstanceWithMixins<Readonly<{
-rowData: any[];
-columnDefs: ColDef[];
-theme?: string;
-pagination?: boolean;
-checkbox?: boolean;
-rowNumbers?: boolean;
-actionButtons?: ActionButton[];
-autoDetectDarkMode?: boolean;
-summaryColumn?: boolean;
-hiddenColumn?: boolean;
-enableGrouping?: boolean;
-enablePivot?: boolean;
-enableExcelExport?: boolean;
-enableTreeData?: boolean;
-getDataPath?: (data: any) => (string | number)[];
-autoGroupColumnDef?: ColDef;
-selectedRows?: any[];
-columnHover?: boolean;
-enableColumnsToolPanel?: boolean;
-statusBar?: boolean;
-compactFooter?: boolean;
-rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
-groupDefaultExpanded?: number;
-pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
-pivotMode?: boolean;
-}> & Readonly<{
-onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
-onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
-onCellClicked?: ((event: CellClickedEvent<any, any, any>) => any) | undefined;
-onSelectionChanged?: ((event: SelectionChangedEvent<any, any>) => any) | undefined;
-onCellValueChanged?: ((event: CellValueChangedEvent<any, any, any>) => any) | undefined;
-onGridReady?: ((event: GridReadyEvent<any, any>) => any) | undefined;
-"onUpdate:selectedRows"?: ((rows: any[]) => any) | undefined;
-}>, {
-gridApi: Ref<any, any>;
-gridColumnApi: Ref<any, any>;
-exportToExcel: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-rowClicked: (event: RowClickedEvent<any, any>) => any;
-rowDoubleClicked: (event: RowDoubleClickedEvent<any, any>) => any;
-cellClicked: (event: CellClickedEvent<any, any, any>) => any;
-selectionChanged: (event: SelectionChangedEvent<any, any>) => any;
-cellValueChanged: (event: CellValueChangedEvent<any, any, any>) => any;
-gridReady: (event: GridReadyEvent<any, any>) => any;
-"update:selectedRows": (rows: any[]) => any;
-}, PublicProps, {
-theme: string;
-pagination: boolean;
-checkbox: boolean;
-rowNumbers: boolean;
-actionButtons: ActionButton[];
-autoDetectDarkMode: boolean;
-summaryColumn: boolean;
-hiddenColumn: boolean;
-enableGrouping: boolean;
-enablePivot: boolean;
-enableExcelExport: boolean;
-enableTreeData: boolean;
-getDataPath: (data: any) => (string | number)[];
-autoGroupColumnDef: ColDef;
-selectedRows: any[];
-columnHover: boolean;
-enableColumnsToolPanel: boolean;
-statusBar: boolean;
-compactFooter: boolean;
-rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
-groupDefaultExpanded: number;
-pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
-pivotMode: boolean;
-}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
-P: {};
-B: {};
-D: {};
-C: {};
-M: {};
-Defaults: {};
-}, Readonly<{
-rowData: any[];
-columnDefs: ColDef[];
-theme?: string;
-pagination?: boolean;
-checkbox?: boolean;
-rowNumbers?: boolean;
-actionButtons?: ActionButton[];
-autoDetectDarkMode?: boolean;
-summaryColumn?: boolean;
-hiddenColumn?: boolean;
-enableGrouping?: boolean;
-enablePivot?: boolean;
-enableExcelExport?: boolean;
-enableTreeData?: boolean;
-getDataPath?: (data: any) => (string | number)[];
-autoGroupColumnDef?: ColDef;
-selectedRows?: any[];
-columnHover?: boolean;
-enableColumnsToolPanel?: boolean;
-statusBar?: boolean;
-compactFooter?: boolean;
-rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
-groupDefaultExpanded?: number;
-pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
-pivotMode?: boolean;
-}> & Readonly<{
-onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
-onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
-onCellClicked?: ((event: CellClickedEvent<any, any, any>) => any) | undefined;
-onSelectionChanged?: ((event: SelectionChangedEvent<any, any>) => any) | undefined;
-onCellValueChanged?: ((event: CellValueChangedEvent<any, any, any>) => any) | undefined;
-onGridReady?: ((event: GridReadyEvent<any, any>) => any) | undefined;
-"onUpdate:selectedRows"?: ((rows: any[]) => any) | undefined;
-}>, {
-gridApi: Ref<any, any>;
-gridColumnApi: Ref<any, any>;
-exportToExcel: () => void;
-}, {}, {}, {}, {
-theme: string;
-pagination: boolean;
-checkbox: boolean;
-rowNumbers: boolean;
-actionButtons: ActionButton[];
-autoDetectDarkMode: boolean;
-summaryColumn: boolean;
-hiddenColumn: boolean;
-enableGrouping: boolean;
-enablePivot: boolean;
-enableExcelExport: boolean;
-enableTreeData: boolean;
-getDataPath: (data: any) => (string | number)[];
-autoGroupColumnDef: ColDef;
-selectedRows: any[];
-columnHover: boolean;
-enableColumnsToolPanel: boolean;
-statusBar: boolean;
-compactFooter: boolean;
-rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
-groupDefaultExpanded: number;
-pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
-pivotMode: boolean;
-}> | null;
-mappedGridRef: CreateComponentPublicInstanceWithMixins<Readonly<{
-rowData: any[];
-columnDefs: ColDef[];
-theme?: string;
-pagination?: boolean;
-checkbox?: boolean;
-rowNumbers?: boolean;
-actionButtons?: ActionButton[];
-autoDetectDarkMode?: boolean;
-summaryColumn?: boolean;
-hiddenColumn?: boolean;
-enableGrouping?: boolean;
-enablePivot?: boolean;
-enableExcelExport?: boolean;
-enableTreeData?: boolean;
-getDataPath?: (data: any) => (string | number)[];
-autoGroupColumnDef?: ColDef;
-selectedRows?: any[];
-columnHover?: boolean;
-enableColumnsToolPanel?: boolean;
-statusBar?: boolean;
-compactFooter?: boolean;
-rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
-groupDefaultExpanded?: number;
-pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
-pivotMode?: boolean;
-}> & Readonly<{
-onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
-onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
-onCellClicked?: ((event: CellClickedEvent<any, any, any>) => any) | undefined;
-onSelectionChanged?: ((event: SelectionChangedEvent<any, any>) => any) | undefined;
-onCellValueChanged?: ((event: CellValueChangedEvent<any, any, any>) => any) | undefined;
-onGridReady?: ((event: GridReadyEvent<any, any>) => any) | undefined;
-"onUpdate:selectedRows"?: ((rows: any[]) => any) | undefined;
-}>, {
-gridApi: Ref<any, any>;
-gridColumnApi: Ref<any, any>;
-exportToExcel: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-rowClicked: (event: RowClickedEvent<any, any>) => any;
-rowDoubleClicked: (event: RowDoubleClickedEvent<any, any>) => any;
-cellClicked: (event: CellClickedEvent<any, any, any>) => any;
-selectionChanged: (event: SelectionChangedEvent<any, any>) => any;
-cellValueChanged: (event: CellValueChangedEvent<any, any, any>) => any;
-gridReady: (event: GridReadyEvent<any, any>) => any;
-"update:selectedRows": (rows: any[]) => any;
-}, PublicProps, {
-theme: string;
-pagination: boolean;
-checkbox: boolean;
-rowNumbers: boolean;
-actionButtons: ActionButton[];
-autoDetectDarkMode: boolean;
-summaryColumn: boolean;
-hiddenColumn: boolean;
-enableGrouping: boolean;
-enablePivot: boolean;
-enableExcelExport: boolean;
-enableTreeData: boolean;
-getDataPath: (data: any) => (string | number)[];
-autoGroupColumnDef: ColDef;
-selectedRows: any[];
-columnHover: boolean;
-enableColumnsToolPanel: boolean;
-statusBar: boolean;
-compactFooter: boolean;
-rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
-groupDefaultExpanded: number;
-pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
-pivotMode: boolean;
-}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
-P: {};
-B: {};
-D: {};
-C: {};
-M: {};
-Defaults: {};
-}, Readonly<{
-rowData: any[];
-columnDefs: ColDef[];
-theme?: string;
-pagination?: boolean;
-checkbox?: boolean;
-rowNumbers?: boolean;
-actionButtons?: ActionButton[];
-autoDetectDarkMode?: boolean;
-summaryColumn?: boolean;
-hiddenColumn?: boolean;
-enableGrouping?: boolean;
-enablePivot?: boolean;
-enableExcelExport?: boolean;
-enableTreeData?: boolean;
-getDataPath?: (data: any) => (string | number)[];
-autoGroupColumnDef?: ColDef;
-selectedRows?: any[];
-columnHover?: boolean;
-enableColumnsToolPanel?: boolean;
-statusBar?: boolean;
-compactFooter?: boolean;
-rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
-groupDefaultExpanded?: number;
-pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
-pivotMode?: boolean;
-}> & Readonly<{
-onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
-onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
-onCellClicked?: ((event: CellClickedEvent<any, any, any>) => any) | undefined;
-onSelectionChanged?: ((event: SelectionChangedEvent<any, any>) => any) | undefined;
-onCellValueChanged?: ((event: CellValueChangedEvent<any, any, any>) => any) | undefined;
-onGridReady?: ((event: GridReadyEvent<any, any>) => any) | undefined;
-"onUpdate:selectedRows"?: ((rows: any[]) => any) | undefined;
-}>, {
-gridApi: Ref<any, any>;
-gridColumnApi: Ref<any, any>;
-exportToExcel: () => void;
-}, {}, {}, {}, {
-theme: string;
-pagination: boolean;
-checkbox: boolean;
-rowNumbers: boolean;
-actionButtons: ActionButton[];
-autoDetectDarkMode: boolean;
-summaryColumn: boolean;
-hiddenColumn: boolean;
-enableGrouping: boolean;
-enablePivot: boolean;
-enableExcelExport: boolean;
-enableTreeData: boolean;
-getDataPath: (data: any) => (string | number)[];
-autoGroupColumnDef: ColDef;
-selectedRows: any[];
-columnHover: boolean;
-enableColumnsToolPanel: boolean;
-statusBar: boolean;
-compactFooter: boolean;
-rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
-groupDefaultExpanded: number;
-pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
-pivotMode: boolean;
-}> | null;
-}, HTMLDivElement>;
+}, any>;
 
 /** 필터 설정 타입 */
 declare interface FilterDisplayItem {
@@ -2654,7 +2440,7 @@ onSubmit?: ((...args: any[]) => any) | undefined;
 onChange?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLFormElement>;
 
-export declare const JDynamicTabs: __VLS_WithTemplateSlots_17<typeof __VLS_component_17, __VLS_TemplateResult_17["slots"]>;
+export declare const JDynamicTabs: __VLS_WithTemplateSlots_18<typeof __VLS_component_18, __VLS_TemplateResult_18["slots"]>;
 
 /**
  * JDynamicTabs Props 인터페이스 (organisms)
@@ -2670,9 +2456,9 @@ declare interface JDynamicTabsProps {
     /** 탭이 없을 때 표시할 메시지 (Message to show when no tabs) */
     emptyMessage?: string;
     /** 루트 컨테이너 추가 클래스 (Additional class for root container) */
-    className?: string;
+    class?: string;
     /** 콘텐츠 영역 추가 클래스 (Additional class for content area) */
-    contentClassName?: string;
+    contentClass?: string;
     /** 스타일 타입 */
     styletype?: 'default' | 'minimal';
 }
@@ -2693,9 +2479,28 @@ height: string | number;
 readonly: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const JFilterBar: __VLS_WithTemplateSlots_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
+export declare const JEmptyState: __VLS_WithTemplateSlots_17<typeof __VLS_component_17, __VLS_TemplateResult_17["slots"]>;
+
+declare interface JEmptyStateProps {
+    /** 아이콘 이름 */
+    icon?: string;
+    /** 제목 */
+    title?: string;
+    /** 설명 */
+    description?: string;
+    /** 액션 버튼 텍스트 */
+    actionText?: string;
+    /** variant */
+    variant?: 'default' | 'simple';
+    /** 추가 CSS 클래스 */
+    class?: string;
+}
+
+export declare const JFilterBar: __VLS_WithTemplateSlots_21<typeof __VLS_component_21, __VLS_TemplateResult_21["slots"]>;
 
 declare interface JFilterBarProps {
+    /** 추가 클래스 (외부 커스터마이징용) */
+    class?: string;
     /** 필터바 타이틀 */
     title?: string;
     /** 필터 접힘 상태 (v-model 지원) */
@@ -2736,7 +2541,7 @@ labelWidth: string;
 radioDirection: "horizontal" | "vertical";
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const JFormModal: __VLS_WithTemplateSlots_19<typeof __VLS_component_19, __VLS_TemplateResult_19["slots"]>;
+export declare const JFormModal: __VLS_WithTemplateSlots_20<typeof __VLS_component_20, __VLS_TemplateResult_20["slots"]>;
 
 declare interface JFormModalProps {
     open: boolean;
@@ -2816,7 +2621,7 @@ styletype: StyleType_21;
 groupedOptions: GroupedOption[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const JHeader: __VLS_WithTemplateSlots_21<typeof __VLS_component_21, __VLS_TemplateResult_21["slots"]>;
+export declare const JHeader: __VLS_WithTemplateSlots_22<typeof __VLS_component_22, __VLS_TemplateResult_22["slots"]>;
 
 export declare const JIcon: DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{}>, {
 size: SizeType_3;
@@ -2846,15 +2651,15 @@ export declare const JKbd: __VLS_WithTemplateSlots_5<typeof __VLS_component_5, _
 
 export declare const JLabel: __VLS_WithTemplateSlots_7<typeof __VLS_component_7, __VLS_TemplateResult_7["slots"]>;
 
-export declare const JLayout: __VLS_WithTemplateSlots_23<typeof __VLS_component_23, __VLS_TemplateResult_23["slots"]>;
+export declare const JLayout: __VLS_WithTemplateSlots_24<typeof __VLS_component_24, __VLS_TemplateResult_24["slots"]>;
 
 export { JLayoutAdvanced }
 
-export declare const JLayoutSimple: __VLS_WithTemplateSlots_24<typeof __VLS_component_24, __VLS_TemplateResult_24["slots"]>;
+export declare const JLayoutSimple: __VLS_WithTemplateSlots_25<typeof __VLS_component_25, __VLS_TemplateResult_25["slots"]>;
 
 export declare const JLink: __VLS_WithTemplateSlots_3<typeof __VLS_component_3, __VLS_TemplateResult_3["slots"]>;
 
-export declare const JModal: __VLS_WithTemplateSlots_18<typeof __VLS_component_18, __VLS_TemplateResult_18["slots"]>;
+export declare const JModal: __VLS_WithTemplateSlots_19<typeof __VLS_component_19, __VLS_TemplateResult_19["slots"]>;
 
 declare interface JModalProps {
     open: boolean;
@@ -2877,7 +2682,7 @@ declare interface JModalProps {
     disabled?: boolean;
 }
 
-export declare const JPageContainer: __VLS_WithTemplateSlots_22<typeof __VLS_component_22, __VLS_TemplateResult_22["slots"]>;
+export declare const JPageContainer: __VLS_WithTemplateSlots_23<typeof __VLS_component_23, __VLS_TemplateResult_23["slots"]>;
 
 export declare const JPopover: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
 
@@ -3051,84 +2856,440 @@ declare interface JSearchPanelProps {
     collapsible?: boolean;
 }
 
-export declare const JSidebarAdvanced: DefineComponent<__VLS_Props_36, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-menuClick: (event: MenuClickEvent) => any;
-favoriteChange: (menuKey: string | number | undefined, isFavorite: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_36> & Readonly<{
-onMenuClick?: ((event: MenuClickEvent) => any) | undefined;
-onFavoriteChange?: ((menuKey: string | number | undefined, isFavorite: boolean) => any) | undefined;
-}>, {
-width: string;
-styletype: StyleType_26;
-isVisible: boolean;
-permissions: MenuPermission[];
-favorites: (number | string)[];
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-export declare const JSidebarSimple: DefineComponent<__VLS_Props_35, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-menuClick: (event: MenuClickEvent) => any;
-}, string, PublicProps, Readonly<__VLS_Props_35> & Readonly<{
-onMenuClick?: ((event: MenuClickEvent) => any) | undefined;
-}>, {
-width: string;
-styletype: StyleType_25;
-isVisible: boolean;
-permissions: MenuPermission[];
-searchQuery: string;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-export declare const JSpinner: DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{}>, {
-label: string;
-size: "xs" | "sm" | "md" | "lg";
-styletype: StyleType_14;
-thickness: number;
-labelPosition: LabelPosition;
+export declare const JSectionTitle: DefineComponent<JSectionTitleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<JSectionTitleProps> & Readonly<{}>, {
+variant: SectionTitleVariant;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const JSplitter: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
-
-export declare const JSwitch: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: string) => any;
-change: (value: string) => any;
-}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{
-"onUpdate:modelValue"?: ((value: string) => any) | undefined;
-onChange?: ((value: string) => any) | undefined;
-}>, {
-disabled: boolean;
-modelValue: string;
-styletype: StyleType_8;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-export declare const JTabs: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
-
-/**
- * JTabs Props 인터페이스 (molecules)
- * JTabs Props interface for basic static tabs
- */
-declare interface JTabsProps {
-    /** 탭 아이템 배열 (Array of tab items) */
-    tabs: DynamicTab[];
-    /** 현재 활성화된 탭 ID (Current active tab ID) */
-    activeTabId?: string;
-    /** 루트 컨테이너 추가 클래스 (Additional class for root container) */
-    className?: string;
-    /** 탭 리스트 추가 클래스 (Additional class for tabs list) */
-    listClassName?: string;
-    /** 스타일 타입 */
-    styletype?: 'default' | 'minimal';
+declare interface JSectionTitleProps {
+    /** 섹션 제목 */
+    title: string;
+    /** 서브 타이틀 (선택) */
+    subtitle?: string;
+    /** 스타일 variant */
+    variant?: SectionTitleVariant;
+    /** 아이콘 이름 (선택) */
+    icon?: string;
+    /** 추가 CSS 클래스 */
+    class?: string;
 }
 
-export declare const JTextarea: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
-"update:modelValue": (value: string) => any;
-change: (value: string) => any;
-focus: (event: FocusEvent) => any;
-blur: (event: FocusEvent) => any;
-}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{
-"onUpdate:modelValue"?: ((value: string) => any) | undefined;
-onChange?: ((value: string) => any) | undefined;
-onFocus?: ((event: FocusEvent) => any) | undefined;
-onBlur?: ((event: FocusEvent) => any) | undefined;
-}>, {
+export declare const JShuttle: DefineComponent<JShuttleProps, {
+leftGridRef: Ref<any, any>;
+rightGridRef: Ref<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+move: (args_0: {
+items: ShuttleItem[];
+direction: "toRight" | "toLeft";
+}) => any;
+"update:leftData": (data: ShuttleItem[]) => any;
+"update:rightData": (data: ShuttleItem[]) => any;
+}, string, PublicProps, Readonly<JShuttleProps> & Readonly<{
+onMove?: ((args_0: {
+items: ShuttleItem[];
+direction: "toRight" | "toLeft";
+}) => any) | undefined;
+"onUpdate:leftData"?: ((data: ShuttleItem[]) => any) | undefined;
+"onUpdate:rightData"?: ((data: ShuttleItem[]) => any) | undefined;
+}>, {
+leftTitle: string;
+rightTitle: string;
+searchable: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+leftGridRef: CreateComponentPublicInstanceWithMixins<Readonly<{
+class?: string;
+rowData: any[];
+columnDefs: ColDef[];
+theme?: string;
+pagination?: boolean;
+checkbox?: boolean;
+rowNumbers?: boolean;
+actionButtons?: ActionButton[];
+autoDetectDarkMode?: boolean;
+summaryColumn?: boolean;
+hiddenColumn?: boolean;
+enableGrouping?: boolean;
+enablePivot?: boolean;
+enableExcelExport?: boolean;
+enableTreeData?: boolean;
+getDataPath?: (data: any) => (string | number)[];
+autoGroupColumnDef?: ColDef;
+selectedRows?: any[];
+columnHover?: boolean;
+enableColumnsToolPanel?: boolean;
+statusBar?: boolean;
+compactFooter?: boolean;
+rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded?: number;
+pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
+pivotMode?: boolean;
+}> & Readonly<{
+onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
+onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
+onCellClicked?: ((event: CellClickedEvent<any, any, any>) => any) | undefined;
+onSelectionChanged?: ((event: SelectionChangedEvent<any, any>) => any) | undefined;
+onCellValueChanged?: ((event: CellValueChangedEvent<any, any, any>) => any) | undefined;
+onGridReady?: ((event: GridReadyEvent<any, any>) => any) | undefined;
+"onUpdate:selectedRows"?: ((rows: any[]) => any) | undefined;
+}>, {
+gridApi: Ref<any, any>;
+gridColumnApi: Ref<any, any>;
+exportToExcel: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+rowClicked: (event: RowClickedEvent<any, any>) => any;
+rowDoubleClicked: (event: RowDoubleClickedEvent<any, any>) => any;
+cellClicked: (event: CellClickedEvent<any, any, any>) => any;
+selectionChanged: (event: SelectionChangedEvent<any, any>) => any;
+cellValueChanged: (event: CellValueChangedEvent<any, any, any>) => any;
+gridReady: (event: GridReadyEvent<any, any>) => any;
+"update:selectedRows": (rows: any[]) => any;
+}, PublicProps, {
+theme: string;
+pagination: boolean;
+checkbox: boolean;
+rowNumbers: boolean;
+actionButtons: ActionButton[];
+autoDetectDarkMode: boolean;
+summaryColumn: boolean;
+hiddenColumn: boolean;
+enableGrouping: boolean;
+enablePivot: boolean;
+enableExcelExport: boolean;
+enableTreeData: boolean;
+getDataPath: (data: any) => (string | number)[];
+autoGroupColumnDef: ColDef;
+selectedRows: any[];
+columnHover: boolean;
+enableColumnsToolPanel: boolean;
+statusBar: boolean;
+compactFooter: boolean;
+rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded: number;
+pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
+pivotMode: boolean;
+}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
+P: {};
+B: {};
+D: {};
+C: {};
+M: {};
+Defaults: {};
+}, Readonly<{
+class?: string;
+rowData: any[];
+columnDefs: ColDef[];
+theme?: string;
+pagination?: boolean;
+checkbox?: boolean;
+rowNumbers?: boolean;
+actionButtons?: ActionButton[];
+autoDetectDarkMode?: boolean;
+summaryColumn?: boolean;
+hiddenColumn?: boolean;
+enableGrouping?: boolean;
+enablePivot?: boolean;
+enableExcelExport?: boolean;
+enableTreeData?: boolean;
+getDataPath?: (data: any) => (string | number)[];
+autoGroupColumnDef?: ColDef;
+selectedRows?: any[];
+columnHover?: boolean;
+enableColumnsToolPanel?: boolean;
+statusBar?: boolean;
+compactFooter?: boolean;
+rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded?: number;
+pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
+pivotMode?: boolean;
+}> & Readonly<{
+onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
+onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
+onCellClicked?: ((event: CellClickedEvent<any, any, any>) => any) | undefined;
+onSelectionChanged?: ((event: SelectionChangedEvent<any, any>) => any) | undefined;
+onCellValueChanged?: ((event: CellValueChangedEvent<any, any, any>) => any) | undefined;
+onGridReady?: ((event: GridReadyEvent<any, any>) => any) | undefined;
+"onUpdate:selectedRows"?: ((rows: any[]) => any) | undefined;
+}>, {
+gridApi: Ref<any, any>;
+gridColumnApi: Ref<any, any>;
+exportToExcel: () => void;
+}, {}, {}, {}, {
+theme: string;
+pagination: boolean;
+checkbox: boolean;
+rowNumbers: boolean;
+actionButtons: ActionButton[];
+autoDetectDarkMode: boolean;
+summaryColumn: boolean;
+hiddenColumn: boolean;
+enableGrouping: boolean;
+enablePivot: boolean;
+enableExcelExport: boolean;
+enableTreeData: boolean;
+getDataPath: (data: any) => (string | number)[];
+autoGroupColumnDef: ColDef;
+selectedRows: any[];
+columnHover: boolean;
+enableColumnsToolPanel: boolean;
+statusBar: boolean;
+compactFooter: boolean;
+rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded: number;
+pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
+pivotMode: boolean;
+}> | null;
+rightGridRef: CreateComponentPublicInstanceWithMixins<Readonly<{
+class?: string;
+rowData: any[];
+columnDefs: ColDef[];
+theme?: string;
+pagination?: boolean;
+checkbox?: boolean;
+rowNumbers?: boolean;
+actionButtons?: ActionButton[];
+autoDetectDarkMode?: boolean;
+summaryColumn?: boolean;
+hiddenColumn?: boolean;
+enableGrouping?: boolean;
+enablePivot?: boolean;
+enableExcelExport?: boolean;
+enableTreeData?: boolean;
+getDataPath?: (data: any) => (string | number)[];
+autoGroupColumnDef?: ColDef;
+selectedRows?: any[];
+columnHover?: boolean;
+enableColumnsToolPanel?: boolean;
+statusBar?: boolean;
+compactFooter?: boolean;
+rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded?: number;
+pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
+pivotMode?: boolean;
+}> & Readonly<{
+onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
+onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
+onCellClicked?: ((event: CellClickedEvent<any, any, any>) => any) | undefined;
+onSelectionChanged?: ((event: SelectionChangedEvent<any, any>) => any) | undefined;
+onCellValueChanged?: ((event: CellValueChangedEvent<any, any, any>) => any) | undefined;
+onGridReady?: ((event: GridReadyEvent<any, any>) => any) | undefined;
+"onUpdate:selectedRows"?: ((rows: any[]) => any) | undefined;
+}>, {
+gridApi: Ref<any, any>;
+gridColumnApi: Ref<any, any>;
+exportToExcel: () => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+rowClicked: (event: RowClickedEvent<any, any>) => any;
+rowDoubleClicked: (event: RowDoubleClickedEvent<any, any>) => any;
+cellClicked: (event: CellClickedEvent<any, any, any>) => any;
+selectionChanged: (event: SelectionChangedEvent<any, any>) => any;
+cellValueChanged: (event: CellValueChangedEvent<any, any, any>) => any;
+gridReady: (event: GridReadyEvent<any, any>) => any;
+"update:selectedRows": (rows: any[]) => any;
+}, PublicProps, {
+theme: string;
+pagination: boolean;
+checkbox: boolean;
+rowNumbers: boolean;
+actionButtons: ActionButton[];
+autoDetectDarkMode: boolean;
+summaryColumn: boolean;
+hiddenColumn: boolean;
+enableGrouping: boolean;
+enablePivot: boolean;
+enableExcelExport: boolean;
+enableTreeData: boolean;
+getDataPath: (data: any) => (string | number)[];
+autoGroupColumnDef: ColDef;
+selectedRows: any[];
+columnHover: boolean;
+enableColumnsToolPanel: boolean;
+statusBar: boolean;
+compactFooter: boolean;
+rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded: number;
+pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
+pivotMode: boolean;
+}, false, {}, {}, GlobalComponents, GlobalDirectives, string, {}, HTMLDivElement, ComponentProvideOptions, {
+P: {};
+B: {};
+D: {};
+C: {};
+M: {};
+Defaults: {};
+}, Readonly<{
+class?: string;
+rowData: any[];
+columnDefs: ColDef[];
+theme?: string;
+pagination?: boolean;
+checkbox?: boolean;
+rowNumbers?: boolean;
+actionButtons?: ActionButton[];
+autoDetectDarkMode?: boolean;
+summaryColumn?: boolean;
+hiddenColumn?: boolean;
+enableGrouping?: boolean;
+enablePivot?: boolean;
+enableExcelExport?: boolean;
+enableTreeData?: boolean;
+getDataPath?: (data: any) => (string | number)[];
+autoGroupColumnDef?: ColDef;
+selectedRows?: any[];
+columnHover?: boolean;
+enableColumnsToolPanel?: boolean;
+statusBar?: boolean;
+compactFooter?: boolean;
+rowGroupPanelShow?: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded?: number;
+pivotPanelShow?: "always" | "onlyWhenPivoting" | "never";
+pivotMode?: boolean;
+}> & Readonly<{
+onRowClicked?: ((event: RowClickedEvent<any, any>) => any) | undefined;
+onRowDoubleClicked?: ((event: RowDoubleClickedEvent<any, any>) => any) | undefined;
+onCellClicked?: ((event: CellClickedEvent<any, any, any>) => any) | undefined;
+onSelectionChanged?: ((event: SelectionChangedEvent<any, any>) => any) | undefined;
+onCellValueChanged?: ((event: CellValueChangedEvent<any, any, any>) => any) | undefined;
+onGridReady?: ((event: GridReadyEvent<any, any>) => any) | undefined;
+"onUpdate:selectedRows"?: ((rows: any[]) => any) | undefined;
+}>, {
+gridApi: Ref<any, any>;
+gridColumnApi: Ref<any, any>;
+exportToExcel: () => void;
+}, {}, {}, {}, {
+theme: string;
+pagination: boolean;
+checkbox: boolean;
+rowNumbers: boolean;
+actionButtons: ActionButton[];
+autoDetectDarkMode: boolean;
+summaryColumn: boolean;
+hiddenColumn: boolean;
+enableGrouping: boolean;
+enablePivot: boolean;
+enableExcelExport: boolean;
+enableTreeData: boolean;
+getDataPath: (data: any) => (string | number)[];
+autoGroupColumnDef: ColDef;
+selectedRows: any[];
+columnHover: boolean;
+enableColumnsToolPanel: boolean;
+statusBar: boolean;
+compactFooter: boolean;
+rowGroupPanelShow: "always" | "onlyWhenGrouping" | "never";
+groupDefaultExpanded: number;
+pivotPanelShow: "always" | "onlyWhenPivoting" | "never";
+pivotMode: boolean;
+}> | null;
+}, HTMLDivElement>;
+
+declare interface JShuttleProps {
+    /** 왼쪽 그리드 제목 */
+    leftTitle?: string;
+    /** 오른쪽 그리드 제목 */
+    rightTitle?: string;
+    /** 왼쪽 그리드 데이터 (Unmapped) */
+    leftData: ShuttleItem[];
+    /** 오른쪽 그리드 데이터 (Mapped) */
+    rightData: ShuttleItem[];
+    /** 컬럼 정의 (양쪽 그리드 공통) */
+    columnDefs: ColDef[];
+    /** 검색 활성화 여부 */
+    searchable?: boolean;
+    /** 추가 CSS 클래스 */
+    class?: string;
+}
+
+export declare const JSidebar: DefineComponent<__VLS_Props_35, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:collapsed": (value: boolean) => any;
+"menu-click": (item: SidebarMenuItem, event: MouseEvent) => any;
+}, string, PublicProps, Readonly<__VLS_Props_35> & Readonly<{
+"onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+"onMenu-click"?: ((item: SidebarMenuItem, event: MouseEvent) => any) | undefined;
+}>, {
+width: string;
+collapsed: boolean;
+collapsedWidth: string;
+showSearch: boolean;
+showFavorites: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
+
+export declare const JSidebarAdvanced: DefineComponent<__VLS_Props_37, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+menuClick: (event: MenuClickEvent) => any;
+favoriteChange: (menuKey: string | number | undefined, isFavorite: boolean) => any;
+}, string, PublicProps, Readonly<__VLS_Props_37> & Readonly<{
+onMenuClick?: ((event: MenuClickEvent) => any) | undefined;
+onFavoriteChange?: ((menuKey: string | number | undefined, isFavorite: boolean) => any) | undefined;
+}>, {
+width: string;
+styletype: StyleType_26;
+isVisible: boolean;
+favorites: (number | string)[];
+permissions: MenuPermission[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare const JSidebarSimple: DefineComponent<__VLS_Props_36, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+menuClick: (event: MenuClickEvent) => any;
+}, string, PublicProps, Readonly<__VLS_Props_36> & Readonly<{
+onMenuClick?: ((event: MenuClickEvent) => any) | undefined;
+}>, {
+width: string;
+styletype: StyleType_25;
+isVisible: boolean;
+searchQuery: string;
+permissions: MenuPermission[];
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare const JSpinner: DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{}>, {
+label: string;
+size: "xs" | "sm" | "md" | "lg";
+styletype: StyleType_14;
+thickness: number;
+labelPosition: LabelPosition;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare const JSplitter: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
+
+export declare const JSwitch: DefineComponent<__VLS_Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string) => any;
+change: (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_Props_8> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+onChange?: ((value: string) => any) | undefined;
+}>, {
+disabled: boolean;
+modelValue: string;
+styletype: StyleType_8;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+
+export declare const JTabs: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
+
+/**
+ * JTabs Props 인터페이스 (molecules)
+ * JTabs Props interface for basic static tabs
+ */
+declare interface JTabsProps {
+    /** 탭 아이템 배열 (Array of tab items) */
+    tabs: DynamicTab[];
+    /** 현재 활성화된 탭 ID (Current active tab ID) */
+    activeTabId?: string;
+    /** 루트 컨테이너 추가 클래스 (Additional class for root container) */
+    class?: string;
+    /** 탭 리스트 추가 클래스 (Additional class for tabs list) */
+    listClass?: string;
+    /** 스타일 타입 */
+    styletype?: 'default' | 'minimal';
+}
+
+export declare const JTextarea: DefineComponent<__VLS_Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string) => any;
+change: (value: string) => any;
+focus: (event: FocusEvent) => any;
+blur: (event: FocusEvent) => any;
+}, string, PublicProps, Readonly<__VLS_Props_3> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+onChange?: ((value: string) => any) | undefined;
+onFocus?: ((event: FocusEvent) => any) | undefined;
+onBlur?: ((event: FocusEvent) => any) | undefined;
+}>, {
 disabled: boolean;
 placeholder: string;
 readonly: boolean;
@@ -3150,23 +3311,23 @@ closeButton: boolean;
 
 export declare const JTooltip: __VLS_WithTemplateSlots_6<typeof __VLS_component_6, __VLS_TemplateResult_6["slots"]>;
 
-export declare const JTree: DefineComponent<__VLS_Props_38, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const JTree: DefineComponent<__VLS_Props_39, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 expandChange: (menuKey: string | number | undefined, expanded: boolean) => any;
 nodeClick: (event: MenuClickEvent) => any;
 "update:expandedKeys": (keys: (string | number)[]) => any;
 "update:activeKey": (key: string | number | null) => any;
-}, string, PublicProps, Readonly<__VLS_Props_38> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_39> & Readonly<{
 onExpandChange?: ((menuKey: string | number | undefined, expanded: boolean) => any) | undefined;
 onNodeClick?: ((event: MenuClickEvent) => any) | undefined;
 "onUpdate:expandedKeys"?: ((keys: (string | number)[]) => any) | undefined;
 "onUpdate:activeKey"?: ((key: string | number | null) => any) | undefined;
 }>, {
 styletype: StyleType_28;
+searchQuery: string;
 permissions: MenuPermission[];
 expandedKeys: (number | string)[];
 maxDepth: number;
 activeKey: number | string | null;
-searchQuery: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 declare type LabelPosition = 'right' | 'left' | 'top' | 'bottom';
@@ -3182,9 +3343,9 @@ declare type LanguageType = 'K' | 'E';
  */
 declare interface MenuClickEvent {
     /** 클릭된 메뉴 아이템 */
-    menuItem: SidebarMenuItem;
+    menuItem: SidebarMenuItem_2;
     /** 메뉴 경로 (부모 메뉴 포함) */
-    path: SidebarMenuItem[];
+    path: SidebarMenuItem_2[];
     /** 이벤트 객체 */
     event: MouseEvent;
 }
@@ -3200,6 +3361,13 @@ declare interface MenuPermission {
     permissionLevel: number;
 }
 
+/**
+ * JSidebar 타입 정의
+ * JSidebar Type Definitions
+ */
+/** 메뉴 타입: F=폴더(그룹), L=링크(페이지) */
+export declare type MenuType = 'F' | 'L';
+
 /**
  * 사이드바 메뉴 관련 타입 정의
  * Sidebar Menu Type Definitions
@@ -3209,7 +3377,7 @@ declare interface MenuPermission {
  * - 'F': Folder (폴더 - 하위 메뉴를 가지는 메뉴)
  * - 'L': Link (링크 - 실제 페이지로 이동하는 메뉴)
  */
-declare type MenuType = 'F' | 'L';
+declare type MenuType_2 = 'F' | 'L';
 
 export declare type NotificationItem = {
     /** 알림 ID */
@@ -3288,25 +3456,58 @@ declare interface PostcodeData {
 
 declare function reset(): void;
 
+declare type SectionTitleVariant = 'default' | 'primary' | 'secondary' | 'accent';
+
 declare type Shape = 'circle' | 'square' | 'rounded';
 
+declare interface ShuttleItem {
+    /** 아이템 고유 ID */
+    id: string | number;
+    /** 아이템 데이터 (AG Grid row data) */
+    [key: string]: any;
+}
+
+/**
+ * 사이드바 메뉴 아이템 (DB J_마스터_프로그램 트리 매핑)
+ */
+export declare interface SidebarMenuItem {
+    /** 프로그램 아이디 */
+    id: string;
+    /** 부모 아이디 */
+    parentId?: string;
+    /** 메뉴 표시 이름 */
+    label: string;
+    /** lucide 아이콘 이름 */
+    icon?: string;
+    /** 라우트 경로 (L 타입만) */
+    path?: string;
+    /** 메뉴 타입: F=폴더(그룹), L=링크(페이지) */
+    menuType: MenuType;
+    /** 정렬 순서 */
+    sortOrder?: number;
+    /** 하위 메뉴 (서버에서 트리로 변환) */
+    children?: SidebarMenuItem[];
+    /** 비활성화 여부 */
+    disabled?: boolean;
+}
+
 /**
  * 사이드바 메뉴 아이템
  * Sidebar Menu Item
  */
-declare interface SidebarMenuItem {
+declare interface SidebarMenuItem_2 {
     /** 메뉴 표시 이름 */
     label: string;
     /** 메뉴 아이콘 이름 (lucide-vue-next 아이콘 이름 또는 컴포넌트) */
     icon?: string;
     /** 메뉴 타입 (Folder/Link) */
-    menuType?: MenuType;
+    menuType?: MenuType_2;
     /** 메뉴 키 (권한 체크용) */
     menuKey?: number;
     /** 라우팅 경로 (menuType이 'L'일 때 사용) */
     path?: string;
     /** 하위 메뉴 목록 */
-    children?: SidebarMenuItem[];
+    children?: SidebarMenuItem_2[];
     /** 비활성화 여부 */
     disabled?: boolean;
     /** 추가 메타데이터 */