@j-solution/components 1.1.1 → 1.2.0

package/types/index.d.ts

@@ -41,11 +41,11 @@ disabled: boolean;
 items: ContextMenuGroup[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_11: DefineComponent<__VLS_Props_25, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_25> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component_11: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_12: DefineComponent<__VLS_Props_26, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_12: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 confirm: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{
 onConfirm?: (() => any) | undefined;
 }>, {
 variant: "default" | "destructive";
@@ -55,16 +55,16 @@ showFooter: boolean;
 
 declare const __VLS_component_13: DefineSetupFnComponent<Record<string, any>, {}, {}, Record<string, any> & {}, PublicProps>;
 
-declare const __VLS_component_14: DefineComponent<__VLS_Props_27, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_14: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 buttonClick: (button: TitlebarButton) => any;
-}, string, PublicProps, Readonly<__VLS_Props_27> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{
 onButtonClick?: ((button: TitlebarButton) => any) | undefined;
 }>, {
 styletype: StyleType_22;
 buttons: TitlebarButton[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_15: DefineComponent<__VLS_Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_28> & Readonly<{}>, {
+declare const __VLS_component_15: DefineComponent<__VLS_Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_30> & Readonly<{}>, {
 orientation: "vertical" | "horizontal" | null;
 showButtonSeparators: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
@@ -188,14 +188,14 @@ handleError: (errs: any) => void;
 }, {}, {}, {}, {}> | null;
 }, any>;
 
-declare const __VLS_component_19: DefineComponent<__VLS_Props_31, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_19: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 logoClick: () => any;
 navClick: (item: HeaderNavItem, index: number) => any;
 notificationClick: (item: NotificationItem) => any;
 userMenuSelect: (itemId: string) => any;
 sidebarToggle: () => any;
 login: () => any;
-}, string, PublicProps, Readonly<__VLS_Props_31> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{
 onLogoClick?: (() => any) | undefined;
 onNavClick?: ((item: HeaderNavItem, index: number) => any) | undefined;
 onNotificationClick?: ((item: NotificationItem) => any) | undefined;
@@ -233,10 +233,10 @@ required: boolean;
 styletype: StyleType_2;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLInputElement>;
 
-declare const __VLS_component_20: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_20: DefineComponent<__VLS_Props_36, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 breadcrumbClick: (item: BreadcrumbItem, index: number) => any;
 titlebarButtonClick: (button: TitlebarButton) => any;
-}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_36> & Readonly<{
 onBreadcrumbClick?: ((item: BreadcrumbItem, index: number) => any) | undefined;
 onTitlebarButtonClick?: ((button: TitlebarButton) => any) | undefined;
 }>, {
@@ -247,38 +247,38 @@ showTitlebar: boolean;
 contentScroll: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_21: DefineComponent<__VLS_Props_35, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_35> & Readonly<{}>, {
+declare const __VLS_component_21: DefineComponent<__VLS_Props_37, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_37> & Readonly<{}>, {
 styletype: StyleType_28;
 contentScroll: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_22: DefineComponent<__VLS_Props_36, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_36> & Readonly<{}>, {
+declare const __VLS_component_22: DefineComponent<__VLS_Props_38, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_38> & Readonly<{}>, {
 styletype: "default" | "minimal";
 permissions: MenuPermission[];
 menuItems: SidebarMenuItem[];
 contentScroll: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_3: DefineComponent<__VLS_Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_11> & Readonly<{}>, {
+declare const __VLS_component_3: DefineComponent<__VLS_Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_12> & Readonly<{}>, {
 disabled: boolean;
 styletype: StyleType_10;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_4: DefineComponent<__VLS_Props_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_13> & Readonly<{}>, {
+declare const __VLS_component_4: DefineComponent<__VLS_Props_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_14> & Readonly<{}>, {
 size: "sm" | "md" | "lg";
 variant: "default" | "secondary" | "destructive" | "outline";
 styletype: StyleType_12;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_5: DefineComponent<__VLS_Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{}>, {
+declare const __VLS_component_5: DefineComponent<__VLS_Props_18, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_18> & Readonly<{}>, {
 size: SizeType_2;
 styletype: StyleType_16;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>;
 
-declare const __VLS_component_6: DefineComponent<__VLS_Props_18, {
+declare const __VLS_component_6: DefineComponent<__VLS_Props_19, {
 showTooltip: () => void;
 hideTooltip: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_18> & Readonly<{}>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_19> & Readonly<{}>, {
 disabled: boolean;
 size: Size_2;
 side: "top" | "right" | "bottom" | "left";
@@ -289,16 +289,16 @@ maxWidth: string | number;
 trigger: Trigger;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_7: DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{}>, {
+declare const __VLS_component_7: DefineComponent<__VLS_Props_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_21> & Readonly<{}>, {
 text: string;
 required: boolean;
 styletype: StyleType_19;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_8: DefineComponent<__VLS_Props_21, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+declare const __VLS_component_8: DefineComponent<__VLS_Props_22, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:open": (open: boolean) => any;
 openChange: (open: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_21> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{
 "onUpdate:open"?: ((open: boolean) => any) | undefined;
 onOpenChange?: ((open: boolean) => any) | undefined;
 }>, {
@@ -351,6 +351,23 @@ declare type __VLS_Props_10 = {
 };
 
 declare type __VLS_Props_11 = {
+    /** 마크다운 내용 (v-model) */
+    modelValue?: string;
+    /** 플레이스홀더 텍스트 */
+    placeholder?: string;
+    /** 비활성화 상태 */
+    disabled?: boolean;
+    /** 읽기 전용 상태 */
+    readonly?: boolean;
+    /** 에디터 높이 */
+    height?: string | number;
+    /** 테마 (light/dark) */
+    theme?: 'light' | 'dark';
+    /** 추가 CSS 클래스 */
+    class?: string;
+};
+
+declare type __VLS_Props_12 = {
     /** 링크 URL */
     href?: string;
     /** 링크 텍스트 */
@@ -365,7 +382,7 @@ declare type __VLS_Props_11 = {
     class?: string;
 };
 
-declare type __VLS_Props_12 = {
+declare type __VLS_Props_13 = {
     /** 이미지 소스 */
     src?: string;
     /** 이미지 너비 */
@@ -386,7 +403,7 @@ declare type __VLS_Props_12 = {
     class?: string;
 };
 
-declare type __VLS_Props_13 = {
+declare type __VLS_Props_14 = {
     variant?: 'default' | 'secondary' | 'destructive' | 'outline';
     class?: string;
     /** 스타일 프리셋 */
@@ -395,7 +412,7 @@ declare type __VLS_Props_13 = {
     size?: 'sm' | 'md' | 'lg';
 };
 
-declare type __VLS_Props_14 = {
+declare type __VLS_Props_15 = {
     value?: number;
     max?: number;
     class?: string;
@@ -415,7 +432,7 @@ declare type __VLS_Props_14 = {
     indeterminate?: boolean;
 };
 
-declare type __VLS_Props_15 = {
+declare type __VLS_Props_16 = {
     size?: 'sm' | 'md' | 'lg';
     class?: string;
     /** 스타일 프리셋 */
@@ -428,7 +445,7 @@ declare type __VLS_Props_15 = {
     labelPosition?: LabelPosition;
 };
 
-declare type __VLS_Props_16 = {
+declare type __VLS_Props_17 = {
     src?: string;
     alt?: string;
     fallback?: string;
@@ -443,7 +460,7 @@ declare type __VLS_Props_16 = {
     status?: Status;
 };
 
-declare type __VLS_Props_17 = {
+declare type __VLS_Props_18 = {
     class?: string;
     /** 스타일 프리셋 */
     styletype?: StyleType_16;
@@ -451,7 +468,7 @@ declare type __VLS_Props_17 = {
     size?: SizeType_2;
 };
 
-declare type __VLS_Props_18 = {
+declare type __VLS_Props_19 = {
     content?: string;
     side?: 'top' | 'right' | 'bottom' | 'left';
     align?: 'start' | 'center' | 'end';
@@ -470,19 +487,6 @@ declare type __VLS_Props_18 = {
     trigger?: Trigger;
 };
 
-declare type __VLS_Props_19 = {
-    name: IconName;
-    size?: SizeType_3;
-    color?: string;
-    class?: string;
-    /** 스타일 프리셋 */
-    styletype?: StyleType_18;
-    /** 접근성 라벨 */
-    ariaLabel?: string;
-    /** 접근성 역할 */
-    role?: string;
-};
-
 declare type __VLS_Props_2 = {
     modelValue?: string | number;
     type?: string;
@@ -498,6 +502,19 @@ declare type __VLS_Props_2 = {
 };
 
 declare type __VLS_Props_20 = {
+    name: IconName;
+    size?: SizeType_3;
+    color?: string;
+    class?: string;
+    /** 스타일 프리셋 */
+    styletype?: StyleType_18;
+    /** 접근성 라벨 */
+    ariaLabel?: string;
+    /** 접근성 역할 */
+    role?: string;
+};
+
+declare type __VLS_Props_21 = {
     /** 라벨 텍스트 */
     text?: string;
     /** 필수 필드 여부 */
@@ -508,7 +525,7 @@ declare type __VLS_Props_20 = {
     for?: string;
 };
 
-declare type __VLS_Props_21 = {
+declare type __VLS_Props_22 = {
     /** 팝오버 열림 상태 */
     open?: boolean;
     /** 비활성화 상태 */
@@ -527,7 +544,16 @@ declare type __VLS_Props_21 = {
     alignOffset?: number;
 };
 
-declare type __VLS_Props_22 = {
+declare type __VLS_Props_23 = {
+    /** 마크다운 또는 HTML 내용 */
+    modelValue?: string;
+    /** 테마 (light/dark) */
+    theme?: 'light' | 'dark';
+    /** 추가 CSS 클래스 */
+    class?: string;
+};
+
+declare type __VLS_Props_24 = {
     /** 그리드에 표시할 데이터 배열 */
     rowData: any[];
     /** 컬럼 정의 배열 */
@@ -550,7 +576,7 @@ declare type __VLS_Props_22 = {
     enableExcelExport?: boolean;
 };
 
-declare type __VLS_Props_23 = {
+declare type __VLS_Props_25 = {
     /** 필드 레이블 */
     label?: string;
     /** 필드 설명 (레이블 아래 표시) */
@@ -597,7 +623,7 @@ declare type __VLS_Props_23 = {
     radioDirection?: 'horizontal' | 'vertical';
 };
 
-declare type __VLS_Props_24 = {
+declare type __VLS_Props_26 = {
     modelValue?: string | number;
     groupedOptions?: GroupedOption[];
     placeholder?: string;
@@ -610,7 +636,7 @@ declare type __VLS_Props_24 = {
     styletype?: StyleType_21;
 };
 
-declare type __VLS_Props_25 = {
+declare type __VLS_Props_27 = {
     /** Card 자체의 클래스 */
     class?: HTMLAttributes["class"];
     /** 카드 제목 */
@@ -621,7 +647,7 @@ declare type __VLS_Props_25 = {
     footer?: string;
 };
 
-declare type __VLS_Props_26 = {
+declare type __VLS_Props_28 = {
     /** Alert 자체의 클래스 */
     class?: HTMLAttributes["class"];
     /** Alert variant 스타일 */
@@ -638,7 +664,7 @@ declare type __VLS_Props_26 = {
     showFooter?: boolean;
 };
 
-declare type __VLS_Props_27 = {
+declare type __VLS_Props_29 = {
     /** Titlebar 스타일 타입 */
     styletype?: StyleType_22;
     /** 프로그램 아이콘 */
@@ -651,22 +677,6 @@ declare type __VLS_Props_27 = {
     buttons?: TitlebarButton[];
 };
 
-declare type __VLS_Props_28 = {
-    orientation?: ButtonGroupVariants['orientation'];
-    showButtonSeparators?: boolean;
-};
-
-declare type __VLS_Props_29 = {
-    /** 브레드크럼 아이템 목록 */
-    items: BreadcrumbItem[];
-    /** 구분자 (기본값: /) */
-    separator?: string;
-    /** 스타일 타입 */
-    styletype?: StyleType_23;
-    /** 추가 CSS 클래스 */
-    class?: string;
-};
-
 declare type __VLS_Props_3 = {
     modelValue?: string;
     placeholder?: string;
@@ -682,11 +692,27 @@ declare type __VLS_Props_3 = {
 };
 
 declare type __VLS_Props_30 = {
+    orientation?: ButtonGroupVariants['orientation'];
+    showButtonSeparators?: boolean;
+};
+
+declare type __VLS_Props_31 = {
+    /** 브레드크럼 아이템 목록 */
+    items: BreadcrumbItem[];
+    /** 구분자 (기본값: /) */
+    separator?: string;
+    /** 스타일 타입 */
+    styletype?: StyleType_23;
+    /** 추가 CSS 클래스 */
+    class?: string;
+};
+
+declare type __VLS_Props_32 = {
     schema: FormSchema;
     modelValue?: Record<string, any>;
 };
 
-declare type __VLS_Props_31 = {
+declare type __VLS_Props_33 = {
     /** 로고 이미지 URL */
     logo?: string;
     /** 로고 텍스트 (기본값, 이미지가 없을 때) */
@@ -721,7 +747,7 @@ declare type __VLS_Props_31 = {
     availableThemes?: string[];
 };
 
-declare type __VLS_Props_32 = {
+declare type __VLS_Props_34 = {
     /** 메뉴 아이템 목록 */
     menuItems: SidebarMenuItem[];
     /** 권한 목록 */
@@ -738,7 +764,7 @@ declare type __VLS_Props_32 = {
     isVisible?: boolean;
 };
 
-declare type __VLS_Props_33 = {
+declare type __VLS_Props_35 = {
     /** 메뉴 아이템 목록 */
     menuItems: SidebarMenuItem[];
     /** 권한 목록 */
@@ -755,7 +781,7 @@ declare type __VLS_Props_33 = {
     isVisible?: boolean;
 };
 
-declare type __VLS_Props_34 = {
+declare type __VLS_Props_36 = {
     /** 브레드크럼 아이템 목록 */
     breadcrumbItems?: BreadcrumbItem[];
     /** 브레드크럼 표시 여부 */
@@ -776,7 +802,7 @@ declare type __VLS_Props_34 = {
     class?: string;
 };
 
-declare type __VLS_Props_35 = {
+declare type __VLS_Props_37 = {
     /** 레이아웃 스타일 타입 */
     styletype?: StyleType_28;
     /** 콘텐츠 영역 스크롤 가능 여부 */
@@ -815,7 +841,7 @@ declare type __VLS_Props_35 = {
  * </JLayoutSimple>
  * ```
  */
-declare type __VLS_Props_36 = {
+declare type __VLS_Props_38 = {
     /** 레이아웃 스타일 타입 */
     styletype?: 'default' | 'minimal';
     /** 콘텐츠 영역 스크롤 가능 여부 */
@@ -1634,7 +1660,7 @@ export declare const JAccordion: __VLS_WithTemplateSlots_13<typeof __VLS_compone
 
 export declare const JAlert: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
 
-export declare const JAvatar: DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{}>, {
+export declare const JAvatar: DefineComponent<__VLS_Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_17> & Readonly<{}>, {
 size: Size;
 shape: Shape;
 styletype: StyleType_15;
@@ -1644,9 +1670,9 @@ fallback: string;
 
 export declare const JBadge: __VLS_WithTemplateSlots_4<typeof __VLS_component_4, __VLS_TemplateResult_4["slots"]>;
 
-export declare const JBreadcrumb: DefineComponent<__VLS_Props_29, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const JBreadcrumb: DefineComponent<__VLS_Props_31, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 itemClick: (item: BreadcrumbItem, index: number) => any;
-}, string, PublicProps, Readonly<__VLS_Props_29> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_31> & Readonly<{
 onItemClick?: ((item: BreadcrumbItem, index: number) => any) | undefined;
 }>, {
 styletype: StyleType_23;
@@ -1725,7 +1751,7 @@ orientation: "horizontal" | "vertical";
 styletype: StyleType_9;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const JDynamicForm: DefineComponent<__VLS_Props_30, {
+export declare const JDynamicForm: DefineComponent<__VLS_Props_32, {
 formState: Record<string, any>;
 submit: typeof handleSubmit;
 reset: typeof reset;
@@ -1735,7 +1761,7 @@ handleError: typeof handleError;
 error: (...args: any[]) => void;
 submit: (...args: any[]) => void;
 change: (...args: any[]) => void;
-}, string, PublicProps, Readonly<__VLS_Props_30> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{
 "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 onError?: ((...args: any[]) => any) | undefined;
 onSubmit?: ((...args: any[]) => any) | undefined;
@@ -1765,14 +1791,31 @@ declare interface JDynamicTabsProps {
     styletype?: 'default' | 'minimal';
 }
 
-export declare const JFormField: DefineComponent<__VLS_Props_23, {
+export declare const JEditor: DefineComponent<__VLS_Props_11, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:modelValue": (value: string) => any;
+change: (value: string) => any;
+save: (value: string) => any;
+}, string, PublicProps, Readonly<__VLS_Props_11> & Readonly<{
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+onChange?: ((value: string) => any) | undefined;
+onSave?: ((value: string) => any) | undefined;
+}>, {
+disabled: boolean;
+modelValue: string;
+placeholder: string;
+height: string | number;
+readonly: boolean;
+theme: "light" | "dark";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare const JFormField: DefineComponent<__VLS_Props_25, {
 clearError: () => void;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 "update:modelValue": (value: any) => any;
 change: (value: any) => any;
 focus: (event: FocusEvent) => any;
 blur: (event: FocusEvent) => any;
-}, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_25> & Readonly<{
 "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 onChange?: ((value: any) => any) | undefined;
 onFocus?: ((event: FocusEvent) => any) | undefined;
@@ -1801,11 +1844,11 @@ declare interface JFormModalProps {
     confirmDisabled?: boolean;
 }
 
-export declare const JGrid: DefineComponent<__VLS_Props_22, {
+export declare const JGrid: DefineComponent<__VLS_Props_24, {
 gridApi: Ref<any, any>;
 gridColumnApi: Ref<any, any>;
 exportToExcel: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_22> & Readonly<{}>, {
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_24> & Readonly<{}>, {
 theme: string;
 pagination: boolean;
 checkbox: boolean;
@@ -1816,12 +1859,12 @@ enablePivot: boolean;
 enableExcelExport: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-export declare const JGroupCombo: DefineComponent<__VLS_Props_24, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const JGroupCombo: DefineComponent<__VLS_Props_26, {}, {}, {}, {}, 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_24> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_26> & Readonly<{
 "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
 onChange?: ((value: string | number) => any) | undefined;
 onFocus?: ((event: FocusEvent) => any) | undefined;
@@ -1836,17 +1879,17 @@ groupedOptions: GroupedOption[];
 
 export declare const JHeader: __VLS_WithTemplateSlots_19<typeof __VLS_component_19, __VLS_TemplateResult_19["slots"]>;
 
-export declare const JIcon: DefineComponent<__VLS_Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_19> & Readonly<{}>, {
+export declare const JIcon: DefineComponent<__VLS_Props_20, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_20> & Readonly<{}>, {
 size: SizeType_3;
 role: string;
 styletype: StyleType_18;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const JImage: DefineComponent<__VLS_Props_12, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const JImage: DefineComponent<__VLS_Props_13, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 click: (event: MouseEvent) => any;
 mouseover: (event: MouseEvent) => any;
 mouseout: (event: MouseEvent) => any;
-}, string, PublicProps, Readonly<__VLS_Props_12> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_13> & Readonly<{
 onClick?: ((event: MouseEvent) => any) | undefined;
 onMouseover?: ((event: MouseEvent) => any) | undefined;
 onMouseout?: ((event: MouseEvent) => any) | undefined;
@@ -1899,7 +1942,12 @@ export declare const JPageContainer: __VLS_WithTemplateSlots_20<typeof __VLS_com
 
 export declare const JPopover: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
 
-export declare const JProgress: DefineComponent<__VLS_Props_14, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_14> & Readonly<{}>, {
+export declare const JPreview: DefineComponent<__VLS_Props_23, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_23> & Readonly<{}>, {
+modelValue: string;
+theme: "light" | "dark";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
+
+export declare const JProgress: DefineComponent<__VLS_Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_15> & Readonly<{}>, {
 label: string;
 size: SizeType;
 value: number;
@@ -2065,10 +2113,10 @@ declare interface JSearchPanelProps {
     collapsible?: boolean;
 }
 
-export declare const JSidebarAdvanced: DefineComponent<__VLS_Props_33, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const JSidebarAdvanced: DefineComponent<__VLS_Props_35, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 menuClick: (event: MenuClickEvent) => any;
 favoriteChange: (menuKey: string | number | undefined, isFavorite: boolean) => any;
-}, string, PublicProps, Readonly<__VLS_Props_33> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_35> & Readonly<{
 onMenuClick?: ((event: MenuClickEvent) => any) | undefined;
 onFavoriteChange?: ((menuKey: string | number | undefined, isFavorite: boolean) => any) | undefined;
 }>, {
@@ -2079,9 +2127,9 @@ permissions: MenuPermission[];
 favorites: (number | string)[];
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const JSidebarSimple: DefineComponent<__VLS_Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+export declare const JSidebarSimple: DefineComponent<__VLS_Props_34, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
 menuClick: (event: MenuClickEvent) => any;
-}, string, PublicProps, Readonly<__VLS_Props_32> & Readonly<{
+}, string, PublicProps, Readonly<__VLS_Props_34> & Readonly<{
 onMenuClick?: ((event: MenuClickEvent) => any) | undefined;
 }>, {
 width: string;
@@ -2091,7 +2139,7 @@ permissions: MenuPermission[];
 searchQuery: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-export declare const JSpinner: DefineComponent<__VLS_Props_15, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_15> & Readonly<{}>, {
+export declare const JSpinner: DefineComponent<__VLS_Props_16, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<__VLS_Props_16> & Readonly<{}>, {
 label: string;
 size: "sm" | "md" | "lg";
 styletype: StyleType_14;