@krds.ui/vue 0.0.16 → 0.0.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -168,13 +168,92 @@ export declare type InputState = ComponentState | 'error' | 'success';
168
168
  */
169
169
  export declare type InputType = 'text' | 'password' | 'email' | 'number' | 'tel' | 'url' | 'search';
170
170
 
171
- export declare const KrdsAccordionGroup: DefineComponent<KrdsAccordionGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsAccordionGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
171
+ export declare const KrdsAccordionGroup: DefineComponent<ExtractPropTypes<{
172
+ /** 라인 타입 아코디언 여부 */
173
+ typeLine: {
174
+ type: BooleanConstructor;
175
+ default: boolean;
176
+ };
177
+ /** CSS 클래스 */
178
+ class: {
179
+ type: StringConstructor;
180
+ default: undefined;
181
+ };
182
+ }>, () => VNode<RendererNode, RendererElement, {
183
+ [key: string]: any;
184
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
185
+ /** 라인 타입 아코디언 여부 */
186
+ typeLine: {
187
+ type: BooleanConstructor;
188
+ default: boolean;
189
+ };
190
+ /** CSS 클래스 */
191
+ class: {
192
+ type: StringConstructor;
193
+ default: undefined;
194
+ };
195
+ }>> & Readonly<{}>, {
196
+ class: string;
197
+ typeLine: boolean;
198
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
172
199
 
173
200
  export declare interface KrdsAccordionGroupProps extends BaseComponentProps {
174
201
  typeLine?: boolean;
175
202
  }
176
203
 
177
- export declare const KrdsAccordionItem: DefineComponent<KrdsAccordionItemProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsAccordionItemProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
204
+ export declare const KrdsAccordionItem: DefineComponent<ExtractPropTypes<{
205
+ /** 아이템 고유 식별자 */
206
+ id: {
207
+ type: StringConstructor;
208
+ required: true;
209
+ };
210
+ /** 현재 열려 있는 아이템의 id */
211
+ openItem: {
212
+ type: StringConstructor;
213
+ default: undefined;
214
+ };
215
+ /** 헤더 텍스트 (title 슬롯으로 대체 가능) */
216
+ title: {
217
+ type: StringConstructor;
218
+ default: undefined;
219
+ };
220
+ /** 본문 텍스트 (content 슬롯으로 대체 가능) */
221
+ content: {
222
+ type: StringConstructor;
223
+ default: undefined;
224
+ };
225
+ }>, () => VNode<RendererNode, RendererElement, {
226
+ [key: string]: any;
227
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
228
+ toggle: (id: string) => true;
229
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
230
+ /** 아이템 고유 식별자 */
231
+ id: {
232
+ type: StringConstructor;
233
+ required: true;
234
+ };
235
+ /** 현재 열려 있는 아이템의 id */
236
+ openItem: {
237
+ type: StringConstructor;
238
+ default: undefined;
239
+ };
240
+ /** 헤더 텍스트 (title 슬롯으로 대체 가능) */
241
+ title: {
242
+ type: StringConstructor;
243
+ default: undefined;
244
+ };
245
+ /** 본문 텍스트 (content 슬롯으로 대체 가능) */
246
+ content: {
247
+ type: StringConstructor;
248
+ default: undefined;
249
+ };
250
+ }>> & Readonly<{
251
+ onToggle?: ((id: string) => any) | undefined;
252
+ }>, {
253
+ title: string;
254
+ openItem: string;
255
+ content: string;
256
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
178
257
 
179
258
  /**
180
259
  * KRDS AccordionItem 컴포넌트 이벤트
@@ -197,7 +276,71 @@ export declare interface KrdsAccordionItemProps {
197
276
  content?: string;
198
277
  }
199
278
 
200
- export declare const KrdsBadge: DefineComponent<KrdsBadgeProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsBadgeProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
279
+ export declare const KrdsBadge: DefineComponent<ExtractPropTypes<{
280
+ /** 배지 타입 */
281
+ type: {
282
+ type: () => "outline" | "bg" | "bg-light";
283
+ default: string;
284
+ };
285
+ /** 배지 컬러 */
286
+ color: {
287
+ type: () => ColorVariant_2;
288
+ default: string;
289
+ };
290
+ /** 배지 크기 */
291
+ size: {
292
+ type: () => Size;
293
+ default: string;
294
+ };
295
+ /** 넘버 여부 */
296
+ number: {
297
+ type: BooleanConstructor;
298
+ default: boolean;
299
+ };
300
+ /** CSS 클래스 */
301
+ class: {
302
+ type: StringConstructor;
303
+ default: undefined;
304
+ };
305
+ }>, () => VNode<RendererNode, RendererElement, {
306
+ [key: string]: any;
307
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
308
+ click: (event: MouseEvent) => true;
309
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
310
+ /** 배지 타입 */
311
+ type: {
312
+ type: () => "outline" | "bg" | "bg-light";
313
+ default: string;
314
+ };
315
+ /** 배지 컬러 */
316
+ color: {
317
+ type: () => ColorVariant_2;
318
+ default: string;
319
+ };
320
+ /** 배지 크기 */
321
+ size: {
322
+ type: () => Size;
323
+ default: string;
324
+ };
325
+ /** 넘버 여부 */
326
+ number: {
327
+ type: BooleanConstructor;
328
+ default: boolean;
329
+ };
330
+ /** CSS 클래스 */
331
+ class: {
332
+ type: StringConstructor;
333
+ default: undefined;
334
+ };
335
+ }>> & Readonly<{
336
+ onClick?: ((event: MouseEvent) => any) | undefined;
337
+ }>, {
338
+ number: boolean;
339
+ type: "outline" | "bg" | "bg-light";
340
+ size: Size;
341
+ class: string;
342
+ color: ColorVariant_2;
343
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
201
344
 
202
345
  /**
203
346
  * KRDS Badge 컴포넌트 이벤트
@@ -217,7 +360,59 @@ export declare interface KrdsBadgeProps extends BaseComponentProps {
217
360
  size?: 'large' | 'medium' | 'small';
218
361
  }
219
362
 
220
- export declare const KrdsBreadcrumb: DefineComponent<KrdsBreadcrumbProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsBreadcrumbProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
363
+ export declare const KrdsBreadcrumb: DefineComponent<ExtractPropTypes<{
364
+ /** 브레드크럼 아이템 배열 */
365
+ items: {
366
+ type: PropType<BreadcrumbItem[]>;
367
+ required: true;
368
+ };
369
+ /** 엘리먼트 ID */
370
+ id: {
371
+ type: StringConstructor;
372
+ default: undefined;
373
+ };
374
+ /** 접근성 라벨 */
375
+ ariaLabel: {
376
+ type: StringConstructor;
377
+ default: string;
378
+ };
379
+ /** 홈 아이콘 표시 여부 */
380
+ showHomeIcon: {
381
+ type: BooleanConstructor;
382
+ default: boolean;
383
+ };
384
+ }>, () => VNode<RendererNode, RendererElement, {
385
+ [key: string]: any;
386
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
387
+ 'item-click': (item: BreadcrumbItem, event: MouseEvent) => true;
388
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
389
+ /** 브레드크럼 아이템 배열 */
390
+ items: {
391
+ type: PropType<BreadcrumbItem[]>;
392
+ required: true;
393
+ };
394
+ /** 엘리먼트 ID */
395
+ id: {
396
+ type: StringConstructor;
397
+ default: undefined;
398
+ };
399
+ /** 접근성 라벨 */
400
+ ariaLabel: {
401
+ type: StringConstructor;
402
+ default: string;
403
+ };
404
+ /** 홈 아이콘 표시 여부 */
405
+ showHomeIcon: {
406
+ type: BooleanConstructor;
407
+ default: boolean;
408
+ };
409
+ }>> & Readonly<{
410
+ "onItem-click"?: ((item: BreadcrumbItem, event: MouseEvent) => any) | undefined;
411
+ }>, {
412
+ id: string;
413
+ ariaLabel: string;
414
+ showHomeIcon: boolean;
415
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
221
416
 
222
417
  /**
223
418
  * KRDS Breadcrumb 컴포넌트 이벤트
@@ -240,7 +435,115 @@ export declare interface KrdsBreadcrumbProps {
240
435
  showHomeIcon?: boolean;
241
436
  }
242
437
 
243
- export declare const KrdsButton: DefineComponent<KrdsButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
438
+ export declare const KrdsButton: DefineComponent<ExtractPropTypes<{
439
+ /** 버튼 타입 */
440
+ type: {
441
+ type: () => "button" | "submit" | "reset";
442
+ default: string;
443
+ };
444
+ /** 버튼 크기 */
445
+ size: {
446
+ type: () => Size;
447
+ default: undefined;
448
+ };
449
+ /** 버튼 변형 */
450
+ variant: {
451
+ type: () => Variant;
452
+ default: string;
453
+ };
454
+ /** 아이콘 전용 버튼 */
455
+ icon: {
456
+ type: BooleanConstructor;
457
+ default: boolean;
458
+ };
459
+ /** 테두리 스타일 (아이콘 버튼용) */
460
+ border: {
461
+ type: BooleanConstructor;
462
+ default: boolean;
463
+ };
464
+ /** Pure 버튼 여부 (가상클래스 상태 시 컬러 유지) */
465
+ pure: {
466
+ type: BooleanConstructor;
467
+ default: boolean;
468
+ };
469
+ /** 텍스트 버튼 스타일 */
470
+ text: {
471
+ type: BooleanConstructor;
472
+ default: boolean;
473
+ };
474
+ /** 비활성화 여부 */
475
+ disabled: {
476
+ type: BooleanConstructor;
477
+ default: boolean;
478
+ };
479
+ /** CSS 클래스 */
480
+ class: {
481
+ type: StringConstructor;
482
+ default: undefined;
483
+ };
484
+ }>, () => VNode<RendererNode, RendererElement, {
485
+ [key: string]: any;
486
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
487
+ click: (event: MouseEvent) => true;
488
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
489
+ /** 버튼 타입 */
490
+ type: {
491
+ type: () => "button" | "submit" | "reset";
492
+ default: string;
493
+ };
494
+ /** 버튼 크기 */
495
+ size: {
496
+ type: () => Size;
497
+ default: undefined;
498
+ };
499
+ /** 버튼 변형 */
500
+ variant: {
501
+ type: () => Variant;
502
+ default: string;
503
+ };
504
+ /** 아이콘 전용 버튼 */
505
+ icon: {
506
+ type: BooleanConstructor;
507
+ default: boolean;
508
+ };
509
+ /** 테두리 스타일 (아이콘 버튼용) */
510
+ border: {
511
+ type: BooleanConstructor;
512
+ default: boolean;
513
+ };
514
+ /** Pure 버튼 여부 (가상클래스 상태 시 컬러 유지) */
515
+ pure: {
516
+ type: BooleanConstructor;
517
+ default: boolean;
518
+ };
519
+ /** 텍스트 버튼 스타일 */
520
+ text: {
521
+ type: BooleanConstructor;
522
+ default: boolean;
523
+ };
524
+ /** 비활성화 여부 */
525
+ disabled: {
526
+ type: BooleanConstructor;
527
+ default: boolean;
528
+ };
529
+ /** CSS 클래스 */
530
+ class: {
531
+ type: StringConstructor;
532
+ default: undefined;
533
+ };
534
+ }>> & Readonly<{
535
+ onClick?: ((event: MouseEvent) => any) | undefined;
536
+ }>, {
537
+ text: boolean;
538
+ disabled: boolean;
539
+ type: "button" | "submit" | "reset";
540
+ size: Size;
541
+ variant: Variant;
542
+ icon: boolean;
543
+ border: boolean;
544
+ pure: boolean;
545
+ class: string;
546
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
244
547
 
245
548
  /**
246
549
  * KRDS Button 컴포넌트 이벤트
@@ -249,7 +552,9 @@ export declare interface KrdsButtonEmits {
249
552
  (e: 'click', event: MouseEvent): void;
250
553
  }
251
554
 
252
- export declare const KrdsButtonGroup: DefineComponent<BaseComponentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BaseComponentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
555
+ export declare const KrdsButtonGroup: DefineComponent<{}, () => VNode<RendererNode, RendererElement, {
556
+ [key: string]: any;
557
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
253
558
 
254
559
  /**
255
560
  * KRDS ButtonGroup 컴포넌트 속성
@@ -279,159 +584,201 @@ export declare interface KrdsButtonProps extends BaseComponentProps {
279
584
  }
280
585
 
281
586
  export declare const KrdsCarousel: DefineComponent<ExtractPropTypes<{
587
+ /** 캐러셀 형태 (기본값: visual) */
282
588
  variant: {
283
589
  type: () => KrdsCarouselVariant;
284
590
  default: string;
285
591
  };
592
+ /** 현재 슬라이드 인덱스 (v-model:activeIndex) */
286
593
  activeIndex: {
287
594
  type: NumberConstructor;
288
595
  default: undefined;
289
596
  };
597
+ /** 처음/마지막 슬라이드에서 순환 이동 여부 (기본값: true) */
290
598
  loop: {
291
599
  type: BooleanConstructor;
292
600
  default: boolean;
293
601
  };
602
+ /** 자동 재생 여부. true면 재생/정지 버튼을 노출하고 즉시 재생을 시작한다 (기본값: false) */
294
603
  autoplay: {
295
604
  type: BooleanConstructor;
296
605
  default: boolean;
297
606
  };
607
+ /** 자동 재생 간격 (ms, 기본값: 2500) */
298
608
  autoplayDelay: {
299
609
  type: NumberConstructor;
300
610
  default: number;
301
611
  };
612
+ /** 마우스 오버 시 자동 재생 일시 정지 여부 (기본값: true). 포커스 진입 시에는 값과 무관하게 항상 정지한다 */
302
613
  pauseOnHover: {
303
614
  type: BooleanConstructor;
304
615
  default: boolean;
305
616
  };
617
+ /** 슬라이드 전환 속도 (ms, 기본값: 400) */
306
618
  speed: {
307
619
  type: NumberConstructor;
308
620
  default: number;
309
621
  };
622
+ /** 슬라이드 사이 간격 (px, 기본값: visual 0 / banner 16) */
310
623
  spaceBetween: {
311
624
  type: NumberConstructor;
312
625
  default: undefined;
313
626
  };
627
+ /** 페이지네이션 표시 방식 (기본값: visual bullets / banner fraction) */
314
628
  pagination: {
315
629
  type: () => KrdsCarouselPaginationType;
316
630
  default: undefined;
317
631
  };
632
+ /** 이전/다음 버튼 표시 여부 (기본값: true) */
318
633
  navigation: {
319
634
  type: BooleanConstructor;
320
635
  default: boolean;
321
636
  };
637
+ /** 더 보기 링크 URL. 지정하면 더 보기 버튼을 표시한다 */
322
638
  moreHref: {
323
639
  type: StringConstructor;
324
640
  default: undefined;
325
641
  };
642
+ /** 캐러셀 영역 접근성 라벨 */
326
643
  ariaLabel: {
327
644
  type: StringConstructor;
328
645
  default: string;
329
646
  };
647
+ /** 이전 버튼 라벨 */
330
648
  prevLabel: {
331
649
  type: StringConstructor;
332
650
  default: string;
333
651
  };
652
+ /** 다음 버튼 라벨 */
334
653
  nextLabel: {
335
654
  type: StringConstructor;
336
655
  default: string;
337
656
  };
657
+ /** 재생 버튼 라벨 */
338
658
  playLabel: {
339
659
  type: StringConstructor;
340
660
  default: string;
341
661
  };
662
+ /** 정지 버튼 라벨 */
342
663
  stopLabel: {
343
664
  type: StringConstructor;
344
665
  default: string;
345
666
  };
667
+ /** 더 보기 버튼 라벨 */
346
668
  moreLabel: {
347
669
  type: StringConstructor;
348
670
  default: string;
349
671
  };
672
+ /** 엘리먼트 ID */
350
673
  id: {
351
674
  type: StringConstructor;
352
675
  default: undefined;
353
676
  };
354
677
  }>, () => VNode< RendererNode, RendererElement, {
355
678
  [key: string]: any;
356
- }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("change" | "play" | "stop" | "update:activeIndex" | "more-click")[], "change" | "play" | "stop" | "update:activeIndex" | "more-click", PublicProps, Readonly< ExtractPropTypes<{
679
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
680
+ 'update:activeIndex': (value: number) => true;
681
+ change: (value: number) => true;
682
+ play: () => true;
683
+ stop: () => true;
684
+ 'more-click': (event: MouseEvent) => true;
685
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
686
+ /** 캐러셀 형태 (기본값: visual) */
357
687
  variant: {
358
688
  type: () => KrdsCarouselVariant;
359
689
  default: string;
360
690
  };
691
+ /** 현재 슬라이드 인덱스 (v-model:activeIndex) */
361
692
  activeIndex: {
362
693
  type: NumberConstructor;
363
694
  default: undefined;
364
695
  };
696
+ /** 처음/마지막 슬라이드에서 순환 이동 여부 (기본값: true) */
365
697
  loop: {
366
698
  type: BooleanConstructor;
367
699
  default: boolean;
368
700
  };
701
+ /** 자동 재생 여부. true면 재생/정지 버튼을 노출하고 즉시 재생을 시작한다 (기본값: false) */
369
702
  autoplay: {
370
703
  type: BooleanConstructor;
371
704
  default: boolean;
372
705
  };
706
+ /** 자동 재생 간격 (ms, 기본값: 2500) */
373
707
  autoplayDelay: {
374
708
  type: NumberConstructor;
375
709
  default: number;
376
710
  };
711
+ /** 마우스 오버 시 자동 재생 일시 정지 여부 (기본값: true). 포커스 진입 시에는 값과 무관하게 항상 정지한다 */
377
712
  pauseOnHover: {
378
713
  type: BooleanConstructor;
379
714
  default: boolean;
380
715
  };
716
+ /** 슬라이드 전환 속도 (ms, 기본값: 400) */
381
717
  speed: {
382
718
  type: NumberConstructor;
383
719
  default: number;
384
720
  };
721
+ /** 슬라이드 사이 간격 (px, 기본값: visual 0 / banner 16) */
385
722
  spaceBetween: {
386
723
  type: NumberConstructor;
387
724
  default: undefined;
388
725
  };
726
+ /** 페이지네이션 표시 방식 (기본값: visual bullets / banner fraction) */
389
727
  pagination: {
390
728
  type: () => KrdsCarouselPaginationType;
391
729
  default: undefined;
392
730
  };
731
+ /** 이전/다음 버튼 표시 여부 (기본값: true) */
393
732
  navigation: {
394
733
  type: BooleanConstructor;
395
734
  default: boolean;
396
735
  };
736
+ /** 더 보기 링크 URL. 지정하면 더 보기 버튼을 표시한다 */
397
737
  moreHref: {
398
738
  type: StringConstructor;
399
739
  default: undefined;
400
740
  };
741
+ /** 캐러셀 영역 접근성 라벨 */
401
742
  ariaLabel: {
402
743
  type: StringConstructor;
403
744
  default: string;
404
745
  };
746
+ /** 이전 버튼 라벨 */
405
747
  prevLabel: {
406
748
  type: StringConstructor;
407
749
  default: string;
408
750
  };
751
+ /** 다음 버튼 라벨 */
409
752
  nextLabel: {
410
753
  type: StringConstructor;
411
754
  default: string;
412
755
  };
756
+ /** 재생 버튼 라벨 */
413
757
  playLabel: {
414
758
  type: StringConstructor;
415
759
  default: string;
416
760
  };
761
+ /** 정지 버튼 라벨 */
417
762
  stopLabel: {
418
763
  type: StringConstructor;
419
764
  default: string;
420
765
  };
766
+ /** 더 보기 버튼 라벨 */
421
767
  moreLabel: {
422
768
  type: StringConstructor;
423
769
  default: string;
424
770
  };
771
+ /** 엘리먼트 ID */
425
772
  id: {
426
773
  type: StringConstructor;
427
774
  default: undefined;
428
775
  };
429
776
  }>> & Readonly<{
430
- onChange?: ((...args: any[]) => any) | undefined;
431
- onPlay?: ((...args: any[]) => any) | undefined;
432
- onStop?: ((...args: any[]) => any) | undefined;
433
- "onUpdate:activeIndex"?: ((...args: any[]) => any) | undefined;
434
- "onMore-click"?: ((...args: any[]) => any) | undefined;
777
+ onChange?: ((value: number) => any) | undefined;
778
+ onPlay?: (() => any) | undefined;
779
+ onStop?: (() => any) | undefined;
780
+ "onUpdate:activeIndex"?: ((value: number) => any) | undefined;
781
+ "onMore-click"?: ((event: MouseEvent) => any) | undefined;
435
782
  }>, {
436
783
  variant: KrdsCarouselVariant;
437
784
  id: string;
@@ -526,7 +873,34 @@ export declare interface KrdsCarouselProps {
526
873
  */
527
874
  export declare type KrdsCarouselVariant = 'visual' | 'banner';
528
875
 
529
- export declare const KrdsCheckArea: DefineComponent<KrdsCheckAreaProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsCheckAreaProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
876
+ export declare const KrdsCheckArea: DefineComponent<ExtractPropTypes<{
877
+ /** 추가 클래스 */
878
+ class: {
879
+ type: StringConstructor;
880
+ default: undefined;
881
+ };
882
+ /** 세로(컬럼) 배치 여부 */
883
+ column: {
884
+ type: BooleanConstructor;
885
+ default: boolean;
886
+ };
887
+ }>, () => VNode<RendererNode, RendererElement, {
888
+ [key: string]: any;
889
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
890
+ /** 추가 클래스 */
891
+ class: {
892
+ type: StringConstructor;
893
+ default: undefined;
894
+ };
895
+ /** 세로(컬럼) 배치 여부 */
896
+ column: {
897
+ type: BooleanConstructor;
898
+ default: boolean;
899
+ };
900
+ }>> & Readonly<{}>, {
901
+ class: string;
902
+ column: boolean;
903
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
530
904
 
531
905
  /**
532
906
  * KRDS CheckArea 컴포넌트 속성
@@ -537,7 +911,87 @@ export declare interface KrdsCheckAreaProps extends BaseComponentProps {
537
911
  column?: boolean;
538
912
  }
539
913
 
540
- export declare const KrdsCheckbox: DefineComponent<KrdsCheckboxProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsCheckboxProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
914
+ export declare const KrdsCheckbox: DefineComponent<ExtractPropTypes<{
915
+ /** 모델 값 */
916
+ modelValue: {
917
+ type: BooleanConstructor;
918
+ default: boolean;
919
+ };
920
+ /** 비활성화 여부 */
921
+ disabled: {
922
+ type: BooleanConstructor;
923
+ default: boolean;
924
+ };
925
+ /** 크기 */
926
+ size: {
927
+ type: () => "medium" | "large";
928
+ default: string;
929
+ validator: (value: string) => boolean;
930
+ };
931
+ /** Chip 스타일 여부 */
932
+ chip: {
933
+ type: BooleanConstructor;
934
+ default: boolean;
935
+ };
936
+ /** CSS 클래스 */
937
+ class: {
938
+ type: StringConstructor;
939
+ default: undefined;
940
+ };
941
+ /** HTML ID */
942
+ id: {
943
+ type: StringConstructor;
944
+ default: undefined;
945
+ };
946
+ }>, () => VNode< RendererNode, RendererElement, {
947
+ [key: string]: any;
948
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
949
+ 'update:modelValue': (value: boolean) => true;
950
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
951
+ /** 모델 값 */
952
+ modelValue: {
953
+ type: BooleanConstructor;
954
+ default: boolean;
955
+ };
956
+ /** 비활성화 여부 */
957
+ disabled: {
958
+ type: BooleanConstructor;
959
+ default: boolean;
960
+ };
961
+ /** 크기 */
962
+ size: {
963
+ type: () => "medium" | "large";
964
+ default: string;
965
+ validator: (value: string) => boolean;
966
+ };
967
+ /** Chip 스타일 여부 */
968
+ chip: {
969
+ type: BooleanConstructor;
970
+ default: boolean;
971
+ };
972
+ /** CSS 클래스 */
973
+ class: {
974
+ type: StringConstructor;
975
+ default: undefined;
976
+ };
977
+ /** HTML ID */
978
+ id: {
979
+ type: StringConstructor;
980
+ default: undefined;
981
+ };
982
+ }>> & Readonly<{
983
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
984
+ }>, {
985
+ disabled: boolean;
986
+ size: "medium" | "large";
987
+ class: string;
988
+ modelValue: boolean;
989
+ id: string;
990
+ chip: boolean;
991
+ }, SlotsType<{
992
+ default?: () => VNode[];
993
+ description?: () => VNode[];
994
+ }>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
541
995
 
542
996
  /**
543
997
  * KRDS Checkbox 컴포넌트 이벤트
@@ -560,7 +1014,71 @@ export declare interface KrdsCheckboxProps extends BaseFormProps {
560
1014
  chip?: boolean;
561
1015
  }
562
1016
 
563
- export declare const KrdsCoachMark: DefineComponent<KrdsCoachMarkProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsCoachMarkProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1017
+ export declare const KrdsCoachMark: DefineComponent<ExtractPropTypes<{
1018
+ /** 코치마크 래퍼에 추가할 클래스 */
1019
+ coachMarkClass: {
1020
+ type: PropType<string | string[]>;
1021
+ default: string;
1022
+ };
1023
+ /** 전체 단계 데이터 */
1024
+ stepsData: {
1025
+ type: () => StepsData[];
1026
+ required: true;
1027
+ };
1028
+ /** 이 코치마크가 담당하는 단계 번호 */
1029
+ activeStep: {
1030
+ type: NumberConstructor;
1031
+ required: true;
1032
+ };
1033
+ /** 현재 노출 중인 단계 (v-model) */
1034
+ modelValue: {
1035
+ type: NumberConstructor;
1036
+ default: null;
1037
+ };
1038
+ /** 인라인 스타일 */
1039
+ style: {
1040
+ type: PropType<string | Record<string, string | number>>;
1041
+ default: undefined;
1042
+ };
1043
+ }>, () => VNode<RendererNode, RendererElement, {
1044
+ [key: string]: any;
1045
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1046
+ 'update:modelValue': (value: number | null) => true;
1047
+ close: () => true;
1048
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
1049
+ /** 코치마크 래퍼에 추가할 클래스 */
1050
+ coachMarkClass: {
1051
+ type: PropType<string | string[]>;
1052
+ default: string;
1053
+ };
1054
+ /** 전체 단계 데이터 */
1055
+ stepsData: {
1056
+ type: () => StepsData[];
1057
+ required: true;
1058
+ };
1059
+ /** 이 코치마크가 담당하는 단계 번호 */
1060
+ activeStep: {
1061
+ type: NumberConstructor;
1062
+ required: true;
1063
+ };
1064
+ /** 현재 노출 중인 단계 (v-model) */
1065
+ modelValue: {
1066
+ type: NumberConstructor;
1067
+ default: null;
1068
+ };
1069
+ /** 인라인 스타일 */
1070
+ style: {
1071
+ type: PropType<string | Record<string, string | number>>;
1072
+ default: undefined;
1073
+ };
1074
+ }>> & Readonly<{
1075
+ onClose?: (() => any) | undefined;
1076
+ "onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
1077
+ }>, {
1078
+ style: string | Record<string, string | number>;
1079
+ modelValue: number;
1080
+ coachMarkClass: string | string[];
1081
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
564
1082
 
565
1083
  /**
566
1084
  * KRDS CoachMark 컴포넌트 이벤트
@@ -594,7 +1112,45 @@ export declare type KrdsComponent<Props = object, Slots = object, Emits = object
594
1112
  __krdsEmits: Emits;
595
1113
  };
596
1114
 
597
- export declare const KrdsContextualHelp: DefineComponent<KrdsContextualHelpProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsContextualHelpProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1115
+ export declare const KrdsContextualHelp: DefineComponent<ExtractPropTypes<{
1116
+ /** 툴팁 제목 */
1117
+ tooltipTitle: {
1118
+ type: StringConstructor;
1119
+ default: string;
1120
+ };
1121
+ /** 도움말 아이콘 사용 여부 (false 면 툴팁 아이콘) */
1122
+ helpIcon: {
1123
+ type: BooleanConstructor;
1124
+ default: boolean;
1125
+ };
1126
+ /** 툴팁 노출 위치 */
1127
+ position: {
1128
+ type: PropType<ContextualHelpPosition>;
1129
+ default: string;
1130
+ };
1131
+ }>, () => VNode<RendererNode, RendererElement, {
1132
+ [key: string]: any;
1133
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
1134
+ /** 툴팁 제목 */
1135
+ tooltipTitle: {
1136
+ type: StringConstructor;
1137
+ default: string;
1138
+ };
1139
+ /** 도움말 아이콘 사용 여부 (false 면 툴팁 아이콘) */
1140
+ helpIcon: {
1141
+ type: BooleanConstructor;
1142
+ default: boolean;
1143
+ };
1144
+ /** 툴팁 노출 위치 */
1145
+ position: {
1146
+ type: PropType<ContextualHelpPosition>;
1147
+ default: string;
1148
+ };
1149
+ }>> & Readonly<{}>, {
1150
+ tooltipTitle: string;
1151
+ helpIcon: boolean;
1152
+ position: ContextualHelpPosition;
1153
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
598
1154
 
599
1155
  /**
600
1156
  * KRDS ContextualHelp 컴포넌트 속성
@@ -608,7 +1164,59 @@ export declare interface KrdsContextualHelpProps {
608
1164
  position?: ContextualHelpPosition;
609
1165
  }
610
1166
 
611
- export declare const KrdsCriticalAlerts: DefineComponent<KrdsCriticalAlertsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsCriticalAlertsProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1167
+ export declare const KrdsCriticalAlerts: DefineComponent<ExtractPropTypes<{
1168
+ /** 알림 타입 */
1169
+ type: {
1170
+ type: () => AlertType;
1171
+ default: string;
1172
+ };
1173
+ /** 알림 메시지 */
1174
+ message: {
1175
+ type: StringConstructor;
1176
+ required: true;
1177
+ };
1178
+ /** 링크 URL */
1179
+ linkHref: {
1180
+ type: StringConstructor;
1181
+ default: undefined;
1182
+ };
1183
+ /** 링크 텍스트 */
1184
+ linkText: {
1185
+ type: StringConstructor;
1186
+ default: string;
1187
+ };
1188
+ }>, () => VNode<RendererNode, RendererElement, {
1189
+ [key: string]: any;
1190
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1191
+ 'link-click': (event: MouseEvent) => true;
1192
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
1193
+ /** 알림 타입 */
1194
+ type: {
1195
+ type: () => AlertType;
1196
+ default: string;
1197
+ };
1198
+ /** 알림 메시지 */
1199
+ message: {
1200
+ type: StringConstructor;
1201
+ required: true;
1202
+ };
1203
+ /** 링크 URL */
1204
+ linkHref: {
1205
+ type: StringConstructor;
1206
+ default: undefined;
1207
+ };
1208
+ /** 링크 텍스트 */
1209
+ linkText: {
1210
+ type: StringConstructor;
1211
+ default: string;
1212
+ };
1213
+ }>> & Readonly<{
1214
+ "onLink-click"?: ((event: MouseEvent) => any) | undefined;
1215
+ }>, {
1216
+ type: AlertType;
1217
+ linkHref: string;
1218
+ linkText: string;
1219
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
612
1220
 
613
1221
  /**
614
1222
  * KRDS Critical Alerts 컴포넌트 이벤트
@@ -631,33 +1239,204 @@ export declare interface KrdsCriticalAlertsProps extends BaseComponentProps {
631
1239
  linkText?: string;
632
1240
  }
633
1241
 
634
- export declare const KrdsDateInput: DefineComponent<KrdsDateInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsDateInputProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
635
-
636
- /**
637
- * KRDS DateInput 컴포넌트 이벤트
638
- */
639
- export declare interface KrdsDateInputEmits {
640
- (e: 'update:modelValue', value: string): void;
641
- (e: 'input', event: Event): void;
642
- (e: 'change', event: Event): void;
643
- (e: 'focus', event: FocusEvent): void;
644
- (e: 'blur', event: FocusEvent): void;
645
- }
646
-
647
- /**
648
- * KRDS DateInput 컴포넌트 속성
649
- */
650
- export declare interface KrdsDateInputProps extends BaseFormProps {
1242
+ export declare const KrdsDateInput: DefineComponent<ExtractPropTypes<{
651
1243
  /** 선택된 날짜 값 */
652
- modelValue?: string;
1244
+ modelValue: {
1245
+ type: StringConstructor;
1246
+ default: undefined;
1247
+ };
653
1248
  /** 입력 크기 */
654
- size?: Size;
1249
+ size: {
1250
+ type: PropType<Size>;
1251
+ default: string;
1252
+ };
655
1253
  /** 플레이스홀더 */
656
- placeholder?: string;
657
- /** 비활성화 여부 */
658
- disabled?: boolean;
1254
+ placeholder: {
1255
+ type: StringConstructor;
1256
+ default: string;
1257
+ };
1258
+ /** 폼 필드 이름 */
1259
+ name: {
1260
+ type: StringConstructor;
1261
+ default: undefined;
1262
+ };
1263
+ /** 필수 입력 여부 */
1264
+ required: {
1265
+ type: BooleanConstructor;
1266
+ default: boolean;
1267
+ };
659
1268
  /** 읽기 전용 여부 */
660
- readonly?: boolean;
1269
+ readonly: {
1270
+ type: BooleanConstructor;
1271
+ default: boolean;
1272
+ };
1273
+ /** 비활성화 여부 */
1274
+ disabled: {
1275
+ type: BooleanConstructor;
1276
+ default: boolean;
1277
+ };
1278
+ /** 자동 포커스 */
1279
+ autofocus: {
1280
+ type: BooleanConstructor;
1281
+ default: boolean;
1282
+ };
1283
+ /** 일정이 있는 날짜 배열 (YYYY.MM.DD 형식) */
1284
+ eventDates: {
1285
+ type: PropType<string[]>;
1286
+ default: () => never[];
1287
+ };
1288
+ /** 휴일 날짜 배열 (YYYY.MM.DD 형식) */
1289
+ holidays: {
1290
+ type: PropType<string[]>;
1291
+ default: () => never[];
1292
+ };
1293
+ /** 초기 표시 년도 (기본: 현재 년도) */
1294
+ initialYear: {
1295
+ type: NumberConstructor;
1296
+ default: undefined;
1297
+ };
1298
+ /** 초기 표시 월 (기본: 현재 월) */
1299
+ initialMonth: {
1300
+ type: NumberConstructor;
1301
+ default: undefined;
1302
+ };
1303
+ /** CSS 클래스 */
1304
+ class: {
1305
+ type: StringConstructor;
1306
+ default: undefined;
1307
+ };
1308
+ /** HTML ID */
1309
+ id: {
1310
+ type: StringConstructor;
1311
+ default: undefined;
1312
+ };
1313
+ }>, () => VNode<RendererNode, RendererElement, {
1314
+ [key: string]: any;
1315
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1316
+ 'update:modelValue': (value: string) => true;
1317
+ input: (event: Event) => true;
1318
+ change: (event: Event) => true;
1319
+ focus: (event: FocusEvent) => true;
1320
+ blur: (event: FocusEvent) => true;
1321
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
1322
+ /** 선택된 날짜 값 */
1323
+ modelValue: {
1324
+ type: StringConstructor;
1325
+ default: undefined;
1326
+ };
1327
+ /** 입력 크기 */
1328
+ size: {
1329
+ type: PropType<Size>;
1330
+ default: string;
1331
+ };
1332
+ /** 플레이스홀더 */
1333
+ placeholder: {
1334
+ type: StringConstructor;
1335
+ default: string;
1336
+ };
1337
+ /** 폼 필드 이름 */
1338
+ name: {
1339
+ type: StringConstructor;
1340
+ default: undefined;
1341
+ };
1342
+ /** 필수 입력 여부 */
1343
+ required: {
1344
+ type: BooleanConstructor;
1345
+ default: boolean;
1346
+ };
1347
+ /** 읽기 전용 여부 */
1348
+ readonly: {
1349
+ type: BooleanConstructor;
1350
+ default: boolean;
1351
+ };
1352
+ /** 비활성화 여부 */
1353
+ disabled: {
1354
+ type: BooleanConstructor;
1355
+ default: boolean;
1356
+ };
1357
+ /** 자동 포커스 */
1358
+ autofocus: {
1359
+ type: BooleanConstructor;
1360
+ default: boolean;
1361
+ };
1362
+ /** 일정이 있는 날짜 배열 (YYYY.MM.DD 형식) */
1363
+ eventDates: {
1364
+ type: PropType<string[]>;
1365
+ default: () => never[];
1366
+ };
1367
+ /** 휴일 날짜 배열 (YYYY.MM.DD 형식) */
1368
+ holidays: {
1369
+ type: PropType<string[]>;
1370
+ default: () => never[];
1371
+ };
1372
+ /** 초기 표시 년도 (기본: 현재 년도) */
1373
+ initialYear: {
1374
+ type: NumberConstructor;
1375
+ default: undefined;
1376
+ };
1377
+ /** 초기 표시 월 (기본: 현재 월) */
1378
+ initialMonth: {
1379
+ type: NumberConstructor;
1380
+ default: undefined;
1381
+ };
1382
+ /** CSS 클래스 */
1383
+ class: {
1384
+ type: StringConstructor;
1385
+ default: undefined;
1386
+ };
1387
+ /** HTML ID */
1388
+ id: {
1389
+ type: StringConstructor;
1390
+ default: undefined;
1391
+ };
1392
+ }>> & Readonly<{
1393
+ onFocus?: ((event: FocusEvent) => any) | undefined;
1394
+ onInput?: ((event: Event) => any) | undefined;
1395
+ onBlur?: ((event: FocusEvent) => any) | undefined;
1396
+ onChange?: ((event: Event) => any) | undefined;
1397
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
1398
+ }>, {
1399
+ name: string;
1400
+ required: boolean;
1401
+ readonly: boolean;
1402
+ disabled: boolean;
1403
+ size: Size;
1404
+ class: string;
1405
+ modelValue: string;
1406
+ placeholder: string;
1407
+ autofocus: boolean;
1408
+ id: string;
1409
+ eventDates: string[];
1410
+ holidays: string[];
1411
+ initialYear: number;
1412
+ initialMonth: number;
1413
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1414
+
1415
+ /**
1416
+ * KRDS DateInput 컴포넌트 이벤트
1417
+ */
1418
+ export declare interface KrdsDateInputEmits {
1419
+ (e: 'update:modelValue', value: string): void;
1420
+ (e: 'input', event: Event): void;
1421
+ (e: 'change', event: Event): void;
1422
+ (e: 'focus', event: FocusEvent): void;
1423
+ (e: 'blur', event: FocusEvent): void;
1424
+ }
1425
+
1426
+ /**
1427
+ * KRDS DateInput 컴포넌트 속성
1428
+ */
1429
+ export declare interface KrdsDateInputProps extends BaseFormProps {
1430
+ /** 선택된 날짜 값 */
1431
+ modelValue?: string;
1432
+ /** 입력 크기 */
1433
+ size?: Size;
1434
+ /** 플레이스홀더 */
1435
+ placeholder?: string;
1436
+ /** 비활성화 여부 */
1437
+ disabled?: boolean;
1438
+ /** 읽기 전용 여부 */
1439
+ readonly?: boolean;
661
1440
  /** 자동 포커스 */
662
1441
  autofocus?: boolean;
663
1442
  /** 일정이 있는 날짜 배열 (YYYY.MM.DD 형식) */
@@ -670,7 +1449,37 @@ export declare interface KrdsDateInputProps extends BaseFormProps {
670
1449
  initialMonth?: number;
671
1450
  }
672
1451
 
673
- export declare const KrdsDisclosure: DefineComponent<KrdsDisclosureProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsDisclosureProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1452
+ export declare const KrdsDisclosure: DefineComponent<ExtractPropTypes<{
1453
+ /** 디스클로저 제목 */
1454
+ title: {
1455
+ type: StringConstructor;
1456
+ required: true;
1457
+ };
1458
+ /** 확장 상태 (v-model) */
1459
+ modelValue: {
1460
+ type: BooleanConstructor;
1461
+ default: boolean;
1462
+ };
1463
+ }>, () => VNode<RendererNode, RendererElement, {
1464
+ [key: string]: any;
1465
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1466
+ 'update:modelValue': (value: boolean) => true;
1467
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
1468
+ /** 디스클로저 제목 */
1469
+ title: {
1470
+ type: StringConstructor;
1471
+ required: true;
1472
+ };
1473
+ /** 확장 상태 (v-model) */
1474
+ modelValue: {
1475
+ type: BooleanConstructor;
1476
+ default: boolean;
1477
+ };
1478
+ }>> & Readonly<{
1479
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
1480
+ }>, {
1481
+ modelValue: boolean;
1482
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
674
1483
 
675
1484
  /**
676
1485
  * KRDS Disclosure 컴포넌트 이벤트
@@ -690,189 +1499,243 @@ export declare interface KrdsDisclosureProps extends BaseComponentProps {
690
1499
  }
691
1500
 
692
1501
  export declare const KrdsFileUpload: DefineComponent<ExtractPropTypes<{
1502
+ /** 파일 목록 */
693
1503
  modelValue: {
694
1504
  type: () => FileInfo[];
695
1505
  default: () => never[];
696
1506
  };
1507
+ /** 입력 크기 */
697
1508
  size: {
698
1509
  type: () => Size;
699
1510
  default: string;
700
1511
  };
1512
+ /** 허용되는 파일 타입 (예: '.jpg,.png,.pdf') */
701
1513
  accept: {
702
1514
  type: StringConstructor;
703
1515
  default: undefined;
704
1516
  };
1517
+ /** 최대 파일 개수 */
705
1518
  maxFiles: {
706
1519
  type: NumberConstructor;
707
1520
  default: number;
708
1521
  };
1522
+ /** 최대 파일 크기 (bytes) */
709
1523
  maxFileSize: {
710
1524
  type: NumberConstructor;
711
1525
  default: number;
712
1526
  };
1527
+ /** 다중 파일 선택 여부 */
713
1528
  multiple: {
714
1529
  type: BooleanConstructor;
715
1530
  default: boolean;
716
1531
  };
1532
+ /** 비활성화 여부 */
717
1533
  disabled: {
718
1534
  type: BooleanConstructor;
719
1535
  default: boolean;
720
1536
  };
1537
+ /** 드래그 앤 드롭 활성화 여부 */
721
1538
  dragAndDrop: {
722
1539
  type: BooleanConstructor;
723
1540
  default: boolean;
724
1541
  };
1542
+ /** 제목 */
725
1543
  title: {
726
1544
  type: StringConstructor;
727
1545
  default: string;
728
1546
  };
1547
+ /** 설명 텍스트 */
729
1548
  description: {
730
1549
  type: StringConstructor;
731
1550
  default: string;
732
1551
  };
1552
+ /** 플레이스홀더 텍스트 */
733
1553
  placeholder: {
734
1554
  type: StringConstructor;
735
1555
  default: string;
736
1556
  };
1557
+ /** 미리보기 표시 여부 */
737
1558
  showPreview: {
738
1559
  type: BooleanConstructor;
739
1560
  default: boolean;
740
1561
  };
1562
+ /** 다운로드 버튼 표시 여부 */
741
1563
  showDownload: {
742
1564
  type: BooleanConstructor;
743
1565
  default: boolean;
744
1566
  };
1567
+ /** 바로보기 버튼 표시 여부 */
745
1568
  showPreviewButton: {
746
1569
  type: BooleanConstructor;
747
1570
  default: boolean;
748
1571
  };
1572
+ /** 전체 삭제 버튼 표시 여부 */
749
1573
  showClearAll: {
750
1574
  type: BooleanConstructor;
751
1575
  default: boolean;
752
1576
  };
1577
+ /** 폼 필드 이름 */
753
1578
  name: {
754
1579
  type: StringConstructor;
755
1580
  default: undefined;
756
1581
  };
1582
+ /** 필수 입력 여부 */
757
1583
  required: {
758
1584
  type: BooleanConstructor;
759
1585
  default: boolean;
760
1586
  };
1587
+ /** 읽기 전용 여부 */
761
1588
  readonly: {
762
1589
  type: BooleanConstructor;
763
1590
  default: boolean;
764
1591
  };
1592
+ /** CSS 클래스 */
765
1593
  class: {
766
1594
  type: StringConstructor;
767
1595
  default: undefined;
768
1596
  };
1597
+ /** 인라인 스타일 */
769
1598
  style: {
770
1599
  type: (StringConstructor | ObjectConstructor)[];
771
1600
  default: undefined;
772
1601
  };
1602
+ /** HTML ID */
773
1603
  id: {
774
1604
  type: StringConstructor;
775
1605
  default: undefined;
776
1606
  };
777
1607
  }>, () => VNode< RendererNode, RendererElement, {
778
1608
  [key: string]: any;
779
- }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "file-added" | "file-removed" | "file-error" | "upload-start" | "upload-progress" | "upload-complete" | "upload-error" | "clear-all" | "download" | "preview")[], "update:modelValue" | "file-added" | "file-removed" | "file-error" | "upload-start" | "upload-progress" | "upload-complete" | "upload-error" | "clear-all" | "download" | "preview", PublicProps, Readonly< ExtractPropTypes<{
1609
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1610
+ 'update:modelValue': (files: FileInfo[]) => true;
1611
+ 'file-added': (file: FileInfo) => true;
1612
+ 'file-removed': (fileId: string) => true;
1613
+ 'file-error': (file: FileInfo, error: string) => true;
1614
+ 'upload-start': (file: FileInfo) => true;
1615
+ 'upload-progress': (file: FileInfo, progress: number) => true;
1616
+ 'upload-complete': (file: FileInfo) => true;
1617
+ 'upload-error': (file: FileInfo, error: string) => true;
1618
+ 'clear-all': () => true;
1619
+ download: (file: FileInfo) => true;
1620
+ preview: (file: FileInfo) => true;
1621
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
1622
+ /** 파일 목록 */
780
1623
  modelValue: {
781
1624
  type: () => FileInfo[];
782
1625
  default: () => never[];
783
1626
  };
1627
+ /** 입력 크기 */
784
1628
  size: {
785
1629
  type: () => Size;
786
1630
  default: string;
787
1631
  };
1632
+ /** 허용되는 파일 타입 (예: '.jpg,.png,.pdf') */
788
1633
  accept: {
789
1634
  type: StringConstructor;
790
1635
  default: undefined;
791
1636
  };
1637
+ /** 최대 파일 개수 */
792
1638
  maxFiles: {
793
1639
  type: NumberConstructor;
794
1640
  default: number;
795
1641
  };
1642
+ /** 최대 파일 크기 (bytes) */
796
1643
  maxFileSize: {
797
1644
  type: NumberConstructor;
798
1645
  default: number;
799
1646
  };
1647
+ /** 다중 파일 선택 여부 */
800
1648
  multiple: {
801
1649
  type: BooleanConstructor;
802
1650
  default: boolean;
803
1651
  };
1652
+ /** 비활성화 여부 */
804
1653
  disabled: {
805
1654
  type: BooleanConstructor;
806
1655
  default: boolean;
807
1656
  };
1657
+ /** 드래그 앤 드롭 활성화 여부 */
808
1658
  dragAndDrop: {
809
1659
  type: BooleanConstructor;
810
1660
  default: boolean;
811
1661
  };
1662
+ /** 제목 */
812
1663
  title: {
813
1664
  type: StringConstructor;
814
1665
  default: string;
815
1666
  };
1667
+ /** 설명 텍스트 */
816
1668
  description: {
817
1669
  type: StringConstructor;
818
1670
  default: string;
819
1671
  };
1672
+ /** 플레이스홀더 텍스트 */
820
1673
  placeholder: {
821
1674
  type: StringConstructor;
822
1675
  default: string;
823
1676
  };
1677
+ /** 미리보기 표시 여부 */
824
1678
  showPreview: {
825
1679
  type: BooleanConstructor;
826
1680
  default: boolean;
827
1681
  };
1682
+ /** 다운로드 버튼 표시 여부 */
828
1683
  showDownload: {
829
1684
  type: BooleanConstructor;
830
1685
  default: boolean;
831
1686
  };
1687
+ /** 바로보기 버튼 표시 여부 */
832
1688
  showPreviewButton: {
833
1689
  type: BooleanConstructor;
834
1690
  default: boolean;
835
1691
  };
1692
+ /** 전체 삭제 버튼 표시 여부 */
836
1693
  showClearAll: {
837
1694
  type: BooleanConstructor;
838
1695
  default: boolean;
839
1696
  };
1697
+ /** 폼 필드 이름 */
840
1698
  name: {
841
1699
  type: StringConstructor;
842
1700
  default: undefined;
843
1701
  };
1702
+ /** 필수 입력 여부 */
844
1703
  required: {
845
1704
  type: BooleanConstructor;
846
1705
  default: boolean;
847
1706
  };
1707
+ /** 읽기 전용 여부 */
848
1708
  readonly: {
849
1709
  type: BooleanConstructor;
850
1710
  default: boolean;
851
1711
  };
1712
+ /** CSS 클래스 */
852
1713
  class: {
853
1714
  type: StringConstructor;
854
1715
  default: undefined;
855
1716
  };
1717
+ /** 인라인 스타일 */
856
1718
  style: {
857
1719
  type: (StringConstructor | ObjectConstructor)[];
858
1720
  default: undefined;
859
1721
  };
1722
+ /** HTML ID */
860
1723
  id: {
861
1724
  type: StringConstructor;
862
1725
  default: undefined;
863
1726
  };
864
1727
  }>> & Readonly<{
865
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
866
- "onFile-added"?: ((...args: any[]) => any) | undefined;
867
- "onFile-removed"?: ((...args: any[]) => any) | undefined;
868
- "onFile-error"?: ((...args: any[]) => any) | undefined;
869
- "onUpload-start"?: ((...args: any[]) => any) | undefined;
870
- "onUpload-progress"?: ((...args: any[]) => any) | undefined;
871
- "onUpload-complete"?: ((...args: any[]) => any) | undefined;
872
- "onUpload-error"?: ((...args: any[]) => any) | undefined;
873
- "onClear-all"?: ((...args: any[]) => any) | undefined;
874
- onDownload?: ((...args: any[]) => any) | undefined;
875
- onPreview?: ((...args: any[]) => any) | undefined;
1728
+ "onUpdate:modelValue"?: ((files: FileInfo[]) => any) | undefined;
1729
+ "onFile-added"?: ((file: FileInfo) => any) | undefined;
1730
+ "onFile-removed"?: ((fileId: string) => any) | undefined;
1731
+ "onFile-error"?: ((file: FileInfo, error: string) => any) | undefined;
1732
+ "onUpload-start"?: ((file: FileInfo) => any) | undefined;
1733
+ "onUpload-progress"?: ((file: FileInfo, progress: number) => any) | undefined;
1734
+ "onUpload-complete"?: ((file: FileInfo) => any) | undefined;
1735
+ "onUpload-error"?: ((file: FileInfo, error: string) => any) | undefined;
1736
+ "onClear-all"?: (() => any) | undefined;
1737
+ onDownload?: ((file: FileInfo) => any) | undefined;
1738
+ onPreview?: ((file: FileInfo) => any) | undefined;
876
1739
  }>, {
877
1740
  name: string;
878
1741
  required: boolean;
@@ -881,10 +1744,10 @@ export declare const KrdsFileUpload: DefineComponent<ExtractPropTypes<{
881
1744
  size: Size;
882
1745
  class: string;
883
1746
  style: string | Record<string, any>;
884
- id: string;
885
1747
  title: string;
886
1748
  modelValue: FileInfo[];
887
1749
  placeholder: string;
1750
+ id: string;
888
1751
  accept: string;
889
1752
  multiple: boolean;
890
1753
  maxFiles: number;
@@ -950,7 +1813,34 @@ export declare interface KrdsFileUploadProps extends BaseFormProps {
950
1813
  showClearAll?: boolean;
951
1814
  }
952
1815
 
953
- export declare const KrdsFooter: DefineComponent<KrdsFooterProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsFooterProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1816
+ export declare const KrdsFooter: DefineComponent<ExtractPropTypes<{
1817
+ /** Footer ID */
1818
+ id: {
1819
+ type: StringConstructor;
1820
+ default: string;
1821
+ };
1822
+ /** CSS 클래스 */
1823
+ class: {
1824
+ type: StringConstructor;
1825
+ default: undefined;
1826
+ };
1827
+ }>, () => VNode< RendererNode, RendererElement, {
1828
+ [key: string]: any;
1829
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
1830
+ /** Footer ID */
1831
+ id: {
1832
+ type: StringConstructor;
1833
+ default: string;
1834
+ };
1835
+ /** CSS 클래스 */
1836
+ class: {
1837
+ type: StringConstructor;
1838
+ default: undefined;
1839
+ };
1840
+ }>> & Readonly<{}>, {
1841
+ class: string;
1842
+ id: string;
1843
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
954
1844
 
955
1845
  /**
956
1846
  * KRDS Footer 컴포넌트 속성
@@ -960,31 +1850,175 @@ export declare interface KrdsFooterProps extends BaseComponentProps {
960
1850
  id?: string;
961
1851
  }
962
1852
 
963
- export declare const KrdsFormGroup: DefineComponent<BaseComponentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BaseComponentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
964
-
965
- /**
966
- * KRDS FormGroup 컴포넌트 속성
967
- */
968
- export declare type KrdsFormGroupProps = BaseComponentProps;
969
-
970
- export declare const KrdsFormHint: DefineComponent<KrdsFormHintProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsFormHintProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
971
-
972
- /**
973
- * KRDS FormHint 컴포넌트 이벤트
974
- */
975
- export declare interface KrdsFormHintEmits {
976
- (e: 'click', event: MouseEvent): void;
977
- }
978
-
979
- /**
980
- * KRDS FormHint 컴포넌트 속성
981
- */
1853
+ export declare const KrdsFormGroup: DefineComponent<ExtractPropTypes<{
1854
+ /** CSS 클래스 */
1855
+ class: {
1856
+ type: StringConstructor;
1857
+ default: undefined;
1858
+ };
1859
+ /** 인라인 스타일 */
1860
+ style: {
1861
+ type: (StringConstructor | ObjectConstructor)[];
1862
+ default: undefined;
1863
+ };
1864
+ /** HTML ID */
1865
+ id: {
1866
+ type: StringConstructor;
1867
+ default: undefined;
1868
+ };
1869
+ }>, () => VNode<RendererNode, RendererElement, {
1870
+ [key: string]: any;
1871
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
1872
+ /** CSS 클래스 */
1873
+ class: {
1874
+ type: StringConstructor;
1875
+ default: undefined;
1876
+ };
1877
+ /** 인라인 스타일 */
1878
+ style: {
1879
+ type: (StringConstructor | ObjectConstructor)[];
1880
+ default: undefined;
1881
+ };
1882
+ /** HTML ID */
1883
+ id: {
1884
+ type: StringConstructor;
1885
+ default: undefined;
1886
+ };
1887
+ }>> & Readonly<{}>, {
1888
+ class: string;
1889
+ style: string | Record<string, any>;
1890
+ id: string;
1891
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1892
+
1893
+ /**
1894
+ * KRDS FormGroup 컴포넌트 속성
1895
+ */
1896
+ export declare type KrdsFormGroupProps = BaseComponentProps;
1897
+
1898
+ export declare const KrdsFormHint: DefineComponent<ExtractPropTypes<{
1899
+ /** 힌트 타입 */
1900
+ type: {
1901
+ type: () => "hint" | "error" | "success" | "information";
1902
+ default: string;
1903
+ };
1904
+ /** CSS 클래스 */
1905
+ class: {
1906
+ type: StringConstructor;
1907
+ default: undefined;
1908
+ };
1909
+ /** 인라인 스타일 */
1910
+ style: {
1911
+ type: (StringConstructor | ObjectConstructor)[];
1912
+ default: undefined;
1913
+ };
1914
+ /** HTML ID */
1915
+ id: {
1916
+ type: StringConstructor;
1917
+ default: undefined;
1918
+ };
1919
+ }>, () => VNode<RendererNode, RendererElement, {
1920
+ [key: string]: any;
1921
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1922
+ click: (event: MouseEvent) => true;
1923
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
1924
+ /** 힌트 타입 */
1925
+ type: {
1926
+ type: () => "hint" | "error" | "success" | "information";
1927
+ default: string;
1928
+ };
1929
+ /** CSS 클래스 */
1930
+ class: {
1931
+ type: StringConstructor;
1932
+ default: undefined;
1933
+ };
1934
+ /** 인라인 스타일 */
1935
+ style: {
1936
+ type: (StringConstructor | ObjectConstructor)[];
1937
+ default: undefined;
1938
+ };
1939
+ /** HTML ID */
1940
+ id: {
1941
+ type: StringConstructor;
1942
+ default: undefined;
1943
+ };
1944
+ }>> & Readonly<{
1945
+ onClick?: ((event: MouseEvent) => any) | undefined;
1946
+ }>, {
1947
+ type: "success" | "error" | "information" | "hint";
1948
+ class: string;
1949
+ style: string | Record<string, any>;
1950
+ id: string;
1951
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1952
+
1953
+ /**
1954
+ * KRDS FormHint 컴포넌트 이벤트
1955
+ */
1956
+ export declare interface KrdsFormHintEmits {
1957
+ (e: 'click', event: MouseEvent): void;
1958
+ }
1959
+
1960
+ /**
1961
+ * KRDS FormHint 컴포넌트 속성
1962
+ */
982
1963
  export declare interface KrdsFormHintProps extends BaseComponentProps {
983
1964
  /** 힌트 타입 */
984
1965
  type?: 'hint' | 'error' | 'success' | 'information';
985
1966
  }
986
1967
 
987
- export declare const KrdsFormLabel: DefineComponent<KrdsFormLabelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsFormLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1968
+ export declare const KrdsFormLabel: DefineComponent<ExtractPropTypes<{
1969
+ /** label의 for 속성 */
1970
+ for: {
1971
+ type: StringConstructor;
1972
+ default: undefined;
1973
+ };
1974
+ /** CSS 클래스 */
1975
+ class: {
1976
+ type: StringConstructor;
1977
+ default: undefined;
1978
+ };
1979
+ /** 인라인 스타일 */
1980
+ style: {
1981
+ type: (StringConstructor | ObjectConstructor)[];
1982
+ default: undefined;
1983
+ };
1984
+ /** HTML ID */
1985
+ id: {
1986
+ type: StringConstructor;
1987
+ default: undefined;
1988
+ };
1989
+ }>, () => VNode<RendererNode, RendererElement, {
1990
+ [key: string]: any;
1991
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
1992
+ click: (event: MouseEvent) => true;
1993
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
1994
+ /** label의 for 속성 */
1995
+ for: {
1996
+ type: StringConstructor;
1997
+ default: undefined;
1998
+ };
1999
+ /** CSS 클래스 */
2000
+ class: {
2001
+ type: StringConstructor;
2002
+ default: undefined;
2003
+ };
2004
+ /** 인라인 스타일 */
2005
+ style: {
2006
+ type: (StringConstructor | ObjectConstructor)[];
2007
+ default: undefined;
2008
+ };
2009
+ /** HTML ID */
2010
+ id: {
2011
+ type: StringConstructor;
2012
+ default: undefined;
2013
+ };
2014
+ }>> & Readonly<{
2015
+ onClick?: ((event: MouseEvent) => any) | undefined;
2016
+ }>, {
2017
+ class: string;
2018
+ style: string | Record<string, any>;
2019
+ id: string;
2020
+ for: string;
2021
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
988
2022
 
989
2023
  /**
990
2024
  * KRDS FormLabel 컴포넌트 이벤트
@@ -1002,10 +2036,12 @@ export declare interface KrdsFormLabelProps extends BaseComponentProps {
1002
2036
  }
1003
2037
 
1004
2038
  export declare const KrdsHeader: DefineComponent<ExtractPropTypes<{
2039
+ /** 헤더 ID */
1005
2040
  id: {
1006
2041
  type: StringConstructor;
1007
2042
  default: string;
1008
2043
  };
2044
+ /** 추가 CSS 클래스 */
1009
2045
  class: {
1010
2046
  type: StringConstructor;
1011
2047
  default: undefined;
@@ -1013,10 +2049,12 @@ export declare const KrdsHeader: DefineComponent<ExtractPropTypes<{
1013
2049
  }>, () => VNode< RendererNode, RendererElement, {
1014
2050
  [key: string]: any;
1015
2051
  }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
2052
+ /** 헤더 ID */
1016
2053
  id: {
1017
2054
  type: StringConstructor;
1018
2055
  default: string;
1019
2056
  };
2057
+ /** 추가 CSS 클래스 */
1020
2058
  class: {
1021
2059
  type: StringConstructor;
1022
2060
  default: undefined;
@@ -1045,7 +2083,33 @@ export declare interface KrdsHeaderProps {
1045
2083
  class?: string;
1046
2084
  }
1047
2085
 
1048
- export declare const KrdsIcon: DefineComponent<KrdsIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsIconProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
2086
+ export declare const KrdsIcon: DefineComponent<ExtractPropTypes<{
2087
+ /** 아이콘 이름 */
2088
+ name: {
2089
+ type: StringConstructor;
2090
+ required: true;
2091
+ };
2092
+ /** CSS 클래스 */
2093
+ class: {
2094
+ type: StringConstructor;
2095
+ default: undefined;
2096
+ };
2097
+ }>, () => VNode<RendererNode, RendererElement, {
2098
+ [key: string]: any;
2099
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
2100
+ /** 아이콘 이름 */
2101
+ name: {
2102
+ type: StringConstructor;
2103
+ required: true;
2104
+ };
2105
+ /** CSS 클래스 */
2106
+ class: {
2107
+ type: StringConstructor;
2108
+ default: undefined;
2109
+ };
2110
+ }>> & Readonly<{}>, {
2111
+ class: string;
2112
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1049
2113
 
1050
2114
  /**
1051
2115
  * KRDS Icon 컴포넌트 속성
@@ -1055,7 +2119,38 @@ export declare interface KrdsIconProps extends BaseComponentProps {
1055
2119
  name: string;
1056
2120
  }
1057
2121
 
1058
- export declare const KrdsIdentifier: DefineComponent<KrdsIdentifierProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsIdentifierProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
2122
+ export declare const KrdsIdentifier: DefineComponent<ExtractPropTypes<{
2123
+ /** CSS 클래스 */
2124
+ class: {
2125
+ type: StringConstructor;
2126
+ default: undefined;
2127
+ };
2128
+ /** 로고 스크린리더 텍스트 */
2129
+ logoLabel: {
2130
+ type: StringConstructor;
2131
+ default: string;
2132
+ };
2133
+ }>, () => VNode<RendererNode, RendererElement, {
2134
+ [key: string]: any;
2135
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2136
+ click: (event: MouseEvent) => true;
2137
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
2138
+ /** CSS 클래스 */
2139
+ class: {
2140
+ type: StringConstructor;
2141
+ default: undefined;
2142
+ };
2143
+ /** 로고 스크린리더 텍스트 */
2144
+ logoLabel: {
2145
+ type: StringConstructor;
2146
+ default: string;
2147
+ };
2148
+ }>> & Readonly<{
2149
+ onClick?: ((event: MouseEvent) => any) | undefined;
2150
+ }>, {
2151
+ class: string;
2152
+ logoLabel: string;
2153
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1059
2154
 
1060
2155
  /**
1061
2156
  * KRDS Identifier 컴포넌트 이벤트
@@ -1071,7 +2166,95 @@ export declare interface KrdsIdentifierProps extends BaseComponentProps {
1071
2166
  logoLabel?: string;
1072
2167
  }
1073
2168
 
1074
- export declare const KrdsInPageNavigation: DefineComponent<KrdsInPageNavigationProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsInPageNavigationProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
2169
+ export declare const KrdsInPageNavigation: DefineComponent<ExtractPropTypes<{
2170
+ /** 네비게이션 제목 */
2171
+ title: {
2172
+ type: StringConstructor;
2173
+ default: undefined;
2174
+ };
2175
+ /** 네비게이션 캡션 */
2176
+ caption: {
2177
+ type: StringConstructor;
2178
+ default: string;
2179
+ };
2180
+ /** 네비게이션 아이템 목록 */
2181
+ items: {
2182
+ type: () => NavigationItem[];
2183
+ default: () => never[];
2184
+ };
2185
+ /** 스크롤에 따른 자동 활성화 여부 */
2186
+ autoActive: {
2187
+ type: BooleanConstructor;
2188
+ default: boolean;
2189
+ };
2190
+ /** 헤더 상단 영역 선택자 (기본값: '#krds-masthead') */
2191
+ headerTopSelector: {
2192
+ type: StringConstructor;
2193
+ default: string;
2194
+ };
2195
+ /** 헤더 내부 영역 선택자 (기본값: '#krds-header .header-in') */
2196
+ headerInnerSelector: {
2197
+ type: StringConstructor;
2198
+ default: string;
2199
+ };
2200
+ /** CSS 클래스 */
2201
+ class: {
2202
+ type: StringConstructor;
2203
+ default: undefined;
2204
+ };
2205
+ }>, () => VNode< RendererNode, RendererElement, {
2206
+ [key: string]: any;
2207
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2208
+ itemClick: (item: NavigationItem, event: MouseEvent | KeyboardEvent) => true;
2209
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
2210
+ /** 네비게이션 제목 */
2211
+ title: {
2212
+ type: StringConstructor;
2213
+ default: undefined;
2214
+ };
2215
+ /** 네비게이션 캡션 */
2216
+ caption: {
2217
+ type: StringConstructor;
2218
+ default: string;
2219
+ };
2220
+ /** 네비게이션 아이템 목록 */
2221
+ items: {
2222
+ type: () => NavigationItem[];
2223
+ default: () => never[];
2224
+ };
2225
+ /** 스크롤에 따른 자동 활성화 여부 */
2226
+ autoActive: {
2227
+ type: BooleanConstructor;
2228
+ default: boolean;
2229
+ };
2230
+ /** 헤더 상단 영역 선택자 (기본값: '#krds-masthead') */
2231
+ headerTopSelector: {
2232
+ type: StringConstructor;
2233
+ default: string;
2234
+ };
2235
+ /** 헤더 내부 영역 선택자 (기본값: '#krds-header .header-in') */
2236
+ headerInnerSelector: {
2237
+ type: StringConstructor;
2238
+ default: string;
2239
+ };
2240
+ /** CSS 클래스 */
2241
+ class: {
2242
+ type: StringConstructor;
2243
+ default: undefined;
2244
+ };
2245
+ }>> & Readonly<{
2246
+ onItemClick?: ((item: NavigationItem, event: MouseEvent | KeyboardEvent) => any) | undefined;
2247
+ }>, {
2248
+ class: string;
2249
+ caption: string;
2250
+ title: string;
2251
+ items: NavigationItem[];
2252
+ autoActive: boolean;
2253
+ headerTopSelector: string;
2254
+ headerInnerSelector: string;
2255
+ }, SlotsType<{
2256
+ action?: () => VNode[];
2257
+ }>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1075
2258
 
1076
2259
  /**
1077
2260
  * KRDS InPageNavigation 컴포넌트 이벤트
@@ -1098,7 +2281,248 @@ export declare interface KrdsInPageNavigationProps extends BaseComponentProps {
1098
2281
  headerInnerSelector?: string;
1099
2282
  }
1100
2283
 
1101
- export declare const KrdsInput: DefineComponent<KrdsInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsInputProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
2284
+ export declare const KrdsInput: DefineComponent<ExtractPropTypes<{
2285
+ /** 입력값 */
2286
+ modelValue: {
2287
+ type: (StringConstructor | NumberConstructor)[];
2288
+ default: undefined;
2289
+ };
2290
+ /** 입력 타입 */
2291
+ type: {
2292
+ type: () => InputType;
2293
+ default: string;
2294
+ };
2295
+ /** 입력 크기 */
2296
+ size: {
2297
+ type: () => Size;
2298
+ default: undefined;
2299
+ };
2300
+ /** 플레이스홀더 */
2301
+ placeholder: {
2302
+ type: StringConstructor;
2303
+ default: undefined;
2304
+ };
2305
+ /** 최대 글자 수 */
2306
+ maxlength: {
2307
+ type: NumberConstructor;
2308
+ default: undefined;
2309
+ };
2310
+ /** 최소 글자 수 */
2311
+ minlength: {
2312
+ type: NumberConstructor;
2313
+ default: undefined;
2314
+ };
2315
+ /** 최대값 (number 타입용) */
2316
+ max: {
2317
+ type: NumberConstructor;
2318
+ default: undefined;
2319
+ };
2320
+ /** 최소값 (number 타입용) */
2321
+ min: {
2322
+ type: NumberConstructor;
2323
+ default: undefined;
2324
+ };
2325
+ /** 단계값 (number 타입용) */
2326
+ step: {
2327
+ type: NumberConstructor;
2328
+ default: undefined;
2329
+ };
2330
+ /** 자동완성 */
2331
+ autocomplete: {
2332
+ type: StringConstructor;
2333
+ default: undefined;
2334
+ };
2335
+ /** 자동 포커스 */
2336
+ autofocus: {
2337
+ type: BooleanConstructor;
2338
+ default: boolean;
2339
+ };
2340
+ /** 폼 필드 이름 */
2341
+ name: {
2342
+ type: StringConstructor;
2343
+ default: undefined;
2344
+ };
2345
+ /** 필수 입력 여부 */
2346
+ required: {
2347
+ type: BooleanConstructor;
2348
+ default: boolean;
2349
+ };
2350
+ /** 읽기 전용 여부 */
2351
+ readonly: {
2352
+ type: BooleanConstructor;
2353
+ default: boolean;
2354
+ };
2355
+ /** 비활성화 여부 */
2356
+ disabled: {
2357
+ type: BooleanConstructor;
2358
+ default: boolean;
2359
+ };
2360
+ /** 입력 상태 */
2361
+ state: {
2362
+ type: () => "default" | "error" | "success" | "information";
2363
+ default: string;
2364
+ };
2365
+ /** 아이콘 (있을 때 btn-ico-wrap 클래스 적용) */
2366
+ icon: {
2367
+ type: BooleanConstructor;
2368
+ default: boolean;
2369
+ };
2370
+ /** 로딩 상태 */
2371
+ loading: {
2372
+ type: BooleanConstructor;
2373
+ default: boolean;
2374
+ };
2375
+ /** CSS 클래스 */
2376
+ class: {
2377
+ type: StringConstructor;
2378
+ default: undefined;
2379
+ };
2380
+ /** HTML ID */
2381
+ id: {
2382
+ type: StringConstructor;
2383
+ default: undefined;
2384
+ };
2385
+ }>, () => VNode<RendererNode, RendererElement, {
2386
+ [key: string]: any;
2387
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2388
+ 'update:modelValue': (value: string | number) => true;
2389
+ input: (event: Event) => true;
2390
+ change: (event: Event) => true;
2391
+ focus: (event: FocusEvent) => true;
2392
+ blur: (event: FocusEvent) => true;
2393
+ keydown: (event: KeyboardEvent) => true;
2394
+ keyup: (event: KeyboardEvent) => true;
2395
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
2396
+ /** 입력값 */
2397
+ modelValue: {
2398
+ type: (StringConstructor | NumberConstructor)[];
2399
+ default: undefined;
2400
+ };
2401
+ /** 입력 타입 */
2402
+ type: {
2403
+ type: () => InputType;
2404
+ default: string;
2405
+ };
2406
+ /** 입력 크기 */
2407
+ size: {
2408
+ type: () => Size;
2409
+ default: undefined;
2410
+ };
2411
+ /** 플레이스홀더 */
2412
+ placeholder: {
2413
+ type: StringConstructor;
2414
+ default: undefined;
2415
+ };
2416
+ /** 최대 글자 수 */
2417
+ maxlength: {
2418
+ type: NumberConstructor;
2419
+ default: undefined;
2420
+ };
2421
+ /** 최소 글자 수 */
2422
+ minlength: {
2423
+ type: NumberConstructor;
2424
+ default: undefined;
2425
+ };
2426
+ /** 최대값 (number 타입용) */
2427
+ max: {
2428
+ type: NumberConstructor;
2429
+ default: undefined;
2430
+ };
2431
+ /** 최소값 (number 타입용) */
2432
+ min: {
2433
+ type: NumberConstructor;
2434
+ default: undefined;
2435
+ };
2436
+ /** 단계값 (number 타입용) */
2437
+ step: {
2438
+ type: NumberConstructor;
2439
+ default: undefined;
2440
+ };
2441
+ /** 자동완성 */
2442
+ autocomplete: {
2443
+ type: StringConstructor;
2444
+ default: undefined;
2445
+ };
2446
+ /** 자동 포커스 */
2447
+ autofocus: {
2448
+ type: BooleanConstructor;
2449
+ default: boolean;
2450
+ };
2451
+ /** 폼 필드 이름 */
2452
+ name: {
2453
+ type: StringConstructor;
2454
+ default: undefined;
2455
+ };
2456
+ /** 필수 입력 여부 */
2457
+ required: {
2458
+ type: BooleanConstructor;
2459
+ default: boolean;
2460
+ };
2461
+ /** 읽기 전용 여부 */
2462
+ readonly: {
2463
+ type: BooleanConstructor;
2464
+ default: boolean;
2465
+ };
2466
+ /** 비활성화 여부 */
2467
+ disabled: {
2468
+ type: BooleanConstructor;
2469
+ default: boolean;
2470
+ };
2471
+ /** 입력 상태 */
2472
+ state: {
2473
+ type: () => "default" | "error" | "success" | "information";
2474
+ default: string;
2475
+ };
2476
+ /** 아이콘 (있을 때 btn-ico-wrap 클래스 적용) */
2477
+ icon: {
2478
+ type: BooleanConstructor;
2479
+ default: boolean;
2480
+ };
2481
+ /** 로딩 상태 */
2482
+ loading: {
2483
+ type: BooleanConstructor;
2484
+ default: boolean;
2485
+ };
2486
+ /** CSS 클래스 */
2487
+ class: {
2488
+ type: StringConstructor;
2489
+ default: undefined;
2490
+ };
2491
+ /** HTML ID */
2492
+ id: {
2493
+ type: StringConstructor;
2494
+ default: undefined;
2495
+ };
2496
+ }>> & Readonly<{
2497
+ onFocus?: ((event: FocusEvent) => any) | undefined;
2498
+ onInput?: ((event: Event) => any) | undefined;
2499
+ onBlur?: ((event: FocusEvent) => any) | undefined;
2500
+ onChange?: ((event: Event) => any) | undefined;
2501
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
2502
+ onKeyup?: ((event: KeyboardEvent) => any) | undefined;
2503
+ "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
2504
+ }>, {
2505
+ name: string;
2506
+ required: boolean;
2507
+ readonly: boolean;
2508
+ disabled: boolean;
2509
+ type: InputType;
2510
+ size: Size;
2511
+ icon: boolean;
2512
+ class: string;
2513
+ modelValue: string | number;
2514
+ placeholder: string;
2515
+ maxlength: number;
2516
+ minlength: number;
2517
+ max: number;
2518
+ min: number;
2519
+ step: number;
2520
+ autocomplete: string;
2521
+ autofocus: boolean;
2522
+ state: "success" | "error" | "default" | "information";
2523
+ loading: boolean;
2524
+ id: string;
2525
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1102
2526
 
1103
2527
  /**
1104
2528
  * KRDS Input 컴포넌트 이벤트
@@ -1149,7 +2573,61 @@ export declare interface KrdsInputProps extends BaseFormProps {
1149
2573
  loading?: boolean;
1150
2574
  }
1151
2575
 
1152
- export declare const KrdsLanguageSwitcher: DefineComponent<KrdsLanguageSwitcherProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsLanguageSwitcherProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
2576
+ export declare const KrdsLanguageSwitcher: DefineComponent<ExtractPropTypes<{
2577
+ /** 언어 목록 */
2578
+ languageList: {
2579
+ type: PropType<LanguageData[]>;
2580
+ required: true;
2581
+ };
2582
+ /** 선택된 언어 코드 (v-model) */
2583
+ modelValue: {
2584
+ type: StringConstructor;
2585
+ default: string;
2586
+ };
2587
+ /** 동작 타입 (default: 언어 선택, external: 외부 페이지 이동) */
2588
+ type: {
2589
+ type: PropType<"default" | "external">;
2590
+ default: string;
2591
+ };
2592
+ /** 드롭다운 정렬 위치 */
2593
+ dropPosition: {
2594
+ type: PropType<DropdownPosition>;
2595
+ default: string;
2596
+ };
2597
+ }>, () => VNode<RendererNode, RendererElement, {
2598
+ [key: string]: any;
2599
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2600
+ 'update:modelValue': (value: string) => true;
2601
+ close: () => true;
2602
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
2603
+ /** 언어 목록 */
2604
+ languageList: {
2605
+ type: PropType<LanguageData[]>;
2606
+ required: true;
2607
+ };
2608
+ /** 선택된 언어 코드 (v-model) */
2609
+ modelValue: {
2610
+ type: StringConstructor;
2611
+ default: string;
2612
+ };
2613
+ /** 동작 타입 (default: 언어 선택, external: 외부 페이지 이동) */
2614
+ type: {
2615
+ type: PropType<"default" | "external">;
2616
+ default: string;
2617
+ };
2618
+ /** 드롭다운 정렬 위치 */
2619
+ dropPosition: {
2620
+ type: PropType<DropdownPosition>;
2621
+ default: string;
2622
+ };
2623
+ }>> & Readonly<{
2624
+ onClose?: (() => any) | undefined;
2625
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
2626
+ }>, {
2627
+ type: "default" | "external";
2628
+ modelValue: string;
2629
+ dropPosition: DropdownPosition;
2630
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1153
2631
 
1154
2632
  /**
1155
2633
  * KRDS LanguageSwitcher 컴포넌트 이벤트
@@ -1173,7 +2651,53 @@ export declare interface KrdsLanguageSwitcherProps extends BaseComponentProps {
1173
2651
  dropPosition?: DropdownPosition;
1174
2652
  }
1175
2653
 
1176
- export declare const KrdsLayout: DefineComponent<KrdsLayoutProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsLayoutProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
2654
+ export declare const KrdsLayout: DefineComponent<ExtractPropTypes<{
2655
+ /** 레이아웃 ID */
2656
+ id: {
2657
+ type: StringConstructor;
2658
+ default: string;
2659
+ };
2660
+ /** CSS 클래스 */
2661
+ class: {
2662
+ type: StringConstructor;
2663
+ default: undefined;
2664
+ };
2665
+ /** 스크롤 감지 활성화 여부 */
2666
+ enableScrollDetection: {
2667
+ type: BooleanConstructor;
2668
+ default: boolean;
2669
+ };
2670
+ }>, () => VNode<RendererNode, RendererElement, {
2671
+ [key: string]: any;
2672
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2673
+ resize: (_size: LayoutSize) => true;
2674
+ scroll: (_details: ScrollDetails) => true;
2675
+ 'scroll-height': (_height: number) => true;
2676
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
2677
+ /** 레이아웃 ID */
2678
+ id: {
2679
+ type: StringConstructor;
2680
+ default: string;
2681
+ };
2682
+ /** CSS 클래스 */
2683
+ class: {
2684
+ type: StringConstructor;
2685
+ default: undefined;
2686
+ };
2687
+ /** 스크롤 감지 활성화 여부 */
2688
+ enableScrollDetection: {
2689
+ type: BooleanConstructor;
2690
+ default: boolean;
2691
+ };
2692
+ }>> & Readonly<{
2693
+ onResize?: ((_size: LayoutSize) => any) | undefined;
2694
+ onScroll?: ((_details: ScrollDetails) => any) | undefined;
2695
+ "onScroll-height"?: ((_height: number) => any) | undefined;
2696
+ }>, {
2697
+ class: string;
2698
+ id: string;
2699
+ enableScrollDetection: boolean;
2700
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1177
2701
 
1178
2702
  /**
1179
2703
  * KRDS Layout 컴포넌트 이벤트
@@ -1194,7 +2718,104 @@ export declare interface KrdsLayoutProps extends BaseComponentProps {
1194
2718
  enableScrollDetection?: boolean;
1195
2719
  }
1196
2720
 
1197
- export declare const KrdsLink: DefineComponent<KrdsLinkProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
2721
+ export declare const KrdsLink: DefineComponent<ExtractPropTypes<{
2722
+ /** 링크 URL */
2723
+ href: {
2724
+ type: StringConstructor;
2725
+ default: string;
2726
+ };
2727
+ /** 링크 대상 (_blank, _self 등) */
2728
+ target: {
2729
+ type: () => "_blank" | "_self" | "_parent" | "_top" | string;
2730
+ default: undefined;
2731
+ };
2732
+ /** 링크 제목 (접근성) */
2733
+ title: {
2734
+ type: StringConstructor;
2735
+ default: undefined;
2736
+ };
2737
+ /** 링크 크기 */
2738
+ size: {
2739
+ type: () => KrdsLinkSize;
2740
+ default: undefined;
2741
+ };
2742
+ /** Link 클래스 적용 여부 */
2743
+ link: {
2744
+ type: BooleanConstructor;
2745
+ default: boolean;
2746
+ };
2747
+ /** Basic 링크 여부 (본문 텍스트 컬러) */
2748
+ basic: {
2749
+ type: BooleanConstructor;
2750
+ default: boolean;
2751
+ };
2752
+ /** Pure 링크 여부 (가상클래스 상태 시 컬러 유지) */
2753
+ pure: {
2754
+ type: BooleanConstructor;
2755
+ default: boolean;
2756
+ };
2757
+ /** CSS 클래스 */
2758
+ class: {
2759
+ type: StringConstructor;
2760
+ default: undefined;
2761
+ };
2762
+ }>, () => VNode<RendererNode, RendererElement, {
2763
+ [key: string]: any;
2764
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2765
+ click: (event: MouseEvent) => true;
2766
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
2767
+ /** 링크 URL */
2768
+ href: {
2769
+ type: StringConstructor;
2770
+ default: string;
2771
+ };
2772
+ /** 링크 대상 (_blank, _self 등) */
2773
+ target: {
2774
+ type: () => "_blank" | "_self" | "_parent" | "_top" | string;
2775
+ default: undefined;
2776
+ };
2777
+ /** 링크 제목 (접근성) */
2778
+ title: {
2779
+ type: StringConstructor;
2780
+ default: undefined;
2781
+ };
2782
+ /** 링크 크기 */
2783
+ size: {
2784
+ type: () => KrdsLinkSize;
2785
+ default: undefined;
2786
+ };
2787
+ /** Link 클래스 적용 여부 */
2788
+ link: {
2789
+ type: BooleanConstructor;
2790
+ default: boolean;
2791
+ };
2792
+ /** Basic 링크 여부 (본문 텍스트 컬러) */
2793
+ basic: {
2794
+ type: BooleanConstructor;
2795
+ default: boolean;
2796
+ };
2797
+ /** Pure 링크 여부 (가상클래스 상태 시 컬러 유지) */
2798
+ pure: {
2799
+ type: BooleanConstructor;
2800
+ default: boolean;
2801
+ };
2802
+ /** CSS 클래스 */
2803
+ class: {
2804
+ type: StringConstructor;
2805
+ default: undefined;
2806
+ };
2807
+ }>> & Readonly<{
2808
+ onClick?: ((event: MouseEvent) => any) | undefined;
2809
+ }>, {
2810
+ size: KrdsLinkSize;
2811
+ pure: boolean;
2812
+ class: string;
2813
+ link: boolean;
2814
+ title: string;
2815
+ href: string;
2816
+ target: string;
2817
+ basic: boolean;
2818
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1198
2819
 
1199
2820
  /**
1200
2821
  * KRDS Link 컴포넌트 이벤트
@@ -1229,69 +2850,87 @@ export declare interface KrdsLinkProps extends BaseComponentProps {
1229
2850
  export declare type KrdsLinkSize = 'small' | 'medium' | 'large';
1230
2851
 
1231
2852
  export declare const KrdsMainMenu: DefineComponent<ExtractPropTypes<{
2853
+ /** 메뉴 아이템 배열 */
1232
2854
  items: {
1233
2855
  type: PropType<MainMenuItem[]>;
1234
2856
  default: () => never[];
1235
2857
  };
2858
+ /** 렌더링 방식 */
1236
2859
  variant: {
1237
2860
  type: PropType<MainMenuVariant>;
1238
2861
  default: string;
1239
2862
  };
2863
+ /** 메뉴 영역 레이블 */
1240
2864
  ariaLabel: {
1241
2865
  type: StringConstructor;
1242
2866
  default: string;
1243
2867
  };
2868
+ /** 모바일 드로어 열림 상태 (v-model:open) */
1244
2869
  open: {
1245
2870
  type: BooleanConstructor;
1246
2871
  default: boolean;
1247
2872
  };
2873
+ /** 모바일 드로어 요소 id (외부 트리거의 `aria-controls` 대상) */
1248
2874
  mobileId: {
1249
2875
  type: StringConstructor;
1250
2876
  default: string;
1251
2877
  };
2878
+ /** PC 메가 패널 배경 딤(backdrop) 사용 여부 */
1252
2879
  backdrop: {
1253
2880
  type: BooleanConstructor;
1254
2881
  default: boolean;
1255
2882
  };
2883
+ /** 모바일 드로어 닫기 버튼 레이블 */
1256
2884
  closeLabel: {
1257
2885
  type: StringConstructor;
1258
2886
  default: string;
1259
2887
  };
1260
2888
  }>, () => VNode< RendererNode, RendererElement, {
1261
2889
  [key: string]: any;
1262
- }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("item-click" | "update:open" | "menu-toggle")[], "item-click" | "update:open" | "menu-toggle", PublicProps, Readonly< ExtractPropTypes<{
2890
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2891
+ 'update:open': (value: boolean) => true;
2892
+ 'menu-toggle': (index: number, expanded: boolean) => true;
2893
+ 'item-click': (item: MainMenuAnyItem, mouseEvent: MouseEvent) => true;
2894
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
2895
+ /** 메뉴 아이템 배열 */
1263
2896
  items: {
1264
2897
  type: PropType<MainMenuItem[]>;
1265
2898
  default: () => never[];
1266
2899
  };
2900
+ /** 렌더링 방식 */
1267
2901
  variant: {
1268
2902
  type: PropType<MainMenuVariant>;
1269
2903
  default: string;
1270
2904
  };
2905
+ /** 메뉴 영역 레이블 */
1271
2906
  ariaLabel: {
1272
2907
  type: StringConstructor;
1273
2908
  default: string;
1274
2909
  };
2910
+ /** 모바일 드로어 열림 상태 (v-model:open) */
1275
2911
  open: {
1276
2912
  type: BooleanConstructor;
1277
2913
  default: boolean;
1278
2914
  };
2915
+ /** 모바일 드로어 요소 id (외부 트리거의 `aria-controls` 대상) */
1279
2916
  mobileId: {
1280
2917
  type: StringConstructor;
1281
2918
  default: string;
1282
2919
  };
2920
+ /** PC 메가 패널 배경 딤(backdrop) 사용 여부 */
1283
2921
  backdrop: {
1284
2922
  type: BooleanConstructor;
1285
2923
  default: boolean;
1286
2924
  };
2925
+ /** 모바일 드로어 닫기 버튼 레이블 */
1287
2926
  closeLabel: {
1288
2927
  type: StringConstructor;
1289
2928
  default: string;
1290
2929
  };
1291
2930
  }>> & Readonly<{
1292
- "onItem-click"?: ((...args: any[]) => any) | undefined;
1293
- "onUpdate:open"?: ((...args: any[]) => any) | undefined;
1294
- "onMenu-toggle"?: ((...args: any[]) => any) | undefined;
2931
+ "onItem-click"?: ((item: MainMenuAnyItem, mouseEvent: MouseEvent) => any) | undefined;
2932
+ "onUpdate:open"?: ((value: boolean) => any) | undefined;
2933
+ "onMenu-toggle"?: ((index: number, expanded: boolean) => any) | undefined;
1295
2934
  }>, {
1296
2935
  variant: MainMenuVariant;
1297
2936
  items: MainMenuItem[];
@@ -1346,7 +2985,27 @@ export declare interface KrdsMainMenuProps {
1346
2985
  closeLabel?: string;
1347
2986
  }
1348
2987
 
1349
- export declare const KrdsMasthead: DefineComponent<BaseComponentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<BaseComponentProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
2988
+ export declare const KrdsMasthead: DefineComponent<ExtractPropTypes<{
2989
+ /** CSS 클래스 */
2990
+ class: {
2991
+ type: StringConstructor;
2992
+ default: undefined;
2993
+ };
2994
+ }>, () => VNode<RendererNode, RendererElement, {
2995
+ [key: string]: any;
2996
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2997
+ click: (event: MouseEvent) => true;
2998
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
2999
+ /** CSS 클래스 */
3000
+ class: {
3001
+ type: StringConstructor;
3002
+ default: undefined;
3003
+ };
3004
+ }>> & Readonly<{
3005
+ onClick?: ((event: MouseEvent) => any) | undefined;
3006
+ }>, {
3007
+ class: string;
3008
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1350
3009
 
1351
3010
  /**
1352
3011
  * KRDS Masthead 컴포넌트 이벤트
@@ -1361,67 +3020,83 @@ export declare interface KrdsMastheadEmits {
1361
3020
  export declare type KrdsMastheadProps = BaseComponentProps;
1362
3021
 
1363
3022
  export declare const KrdsModal: DefineComponent<ExtractPropTypes<{
3023
+ /** 모달 표시 여부 (v-model) */
1364
3024
  modelValue: {
1365
3025
  type: BooleanConstructor;
1366
3026
  default: boolean;
1367
3027
  };
3028
+ /** 모달 엘리먼트 ID */
1368
3029
  modalId: {
1369
3030
  type: StringConstructor;
1370
3031
  default: undefined;
1371
3032
  };
3033
+ /** 배경 딤(backdrop) 표시 여부 */
1372
3034
  backdrop: {
1373
3035
  type: BooleanConstructor;
1374
3036
  default: boolean;
1375
3037
  };
3038
+ /** 모달 크기 */
1376
3039
  size: {
1377
3040
  type: () => KrdsModalSize;
1378
3041
  default: string;
1379
3042
  };
3043
+ /** 전체 화면 모달 여부 */
1380
3044
  full: {
1381
3045
  type: BooleanConstructor;
1382
3046
  default: boolean;
1383
3047
  };
3048
+ /** 하단 시트형 모달 여부 */
1384
3049
  bottomSheet: {
1385
3050
  type: BooleanConstructor;
1386
3051
  default: boolean;
1387
3052
  };
3053
+ /** 배경 클릭·Esc 키로 닫히지 않는 지속형 모달 여부 */
1388
3054
  persistent: {
1389
3055
  type: BooleanConstructor;
1390
3056
  default: boolean;
1391
3057
  };
1392
3058
  }>, () => VNode<RendererNode, RendererElement, {
1393
3059
  [key: string]: any;
1394
- }> | null, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly< ExtractPropTypes<{
3060
+ }> | null, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
3061
+ 'update:modelValue': (value: boolean) => true;
3062
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
3063
+ /** 모달 표시 여부 (v-model) */
1395
3064
  modelValue: {
1396
3065
  type: BooleanConstructor;
1397
3066
  default: boolean;
1398
3067
  };
3068
+ /** 모달 엘리먼트 ID */
1399
3069
  modalId: {
1400
3070
  type: StringConstructor;
1401
3071
  default: undefined;
1402
3072
  };
3073
+ /** 배경 딤(backdrop) 표시 여부 */
1403
3074
  backdrop: {
1404
3075
  type: BooleanConstructor;
1405
3076
  default: boolean;
1406
3077
  };
3078
+ /** 모달 크기 */
1407
3079
  size: {
1408
3080
  type: () => KrdsModalSize;
1409
3081
  default: string;
1410
3082
  };
3083
+ /** 전체 화면 모달 여부 */
1411
3084
  full: {
1412
3085
  type: BooleanConstructor;
1413
3086
  default: boolean;
1414
3087
  };
3088
+ /** 하단 시트형 모달 여부 */
1415
3089
  bottomSheet: {
1416
3090
  type: BooleanConstructor;
1417
3091
  default: boolean;
1418
3092
  };
3093
+ /** 배경 클릭·Esc 키로 닫히지 않는 지속형 모달 여부 */
1419
3094
  persistent: {
1420
3095
  type: BooleanConstructor;
1421
3096
  default: boolean;
1422
3097
  };
1423
3098
  }>> & Readonly<{
1424
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
3099
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
1425
3100
  }>, {
1426
3101
  size: KrdsModalSize;
1427
3102
  modelValue: boolean;
@@ -1448,7 +3123,81 @@ export declare interface KrdsModalProps {
1448
3123
 
1449
3124
  export declare type KrdsModalSize = 'small' | 'medium' | 'large';
1450
3125
 
1451
- export declare const KrdsPagination: DefineComponent<KrdsPaginationProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsPaginationProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
3126
+ export declare const KrdsPagination: DefineComponent<ExtractPropTypes<{
3127
+ /** 현재 페이지 번호 (v-model) */
3128
+ modelValue: {
3129
+ type: NumberConstructor;
3130
+ default: number;
3131
+ };
3132
+ /** 최소 페이지 번호 (기본값: 1, 최소값: 1) */
3133
+ min: {
3134
+ type: NumberConstructor;
3135
+ default: number;
3136
+ };
3137
+ /** 최대 페이지 번호 (전체 페이지 수) */
3138
+ max: {
3139
+ type: NumberConstructor;
3140
+ required: true;
3141
+ };
3142
+ /** 엘리먼트 ID */
3143
+ id: {
3144
+ type: StringConstructor;
3145
+ default: undefined;
3146
+ };
3147
+ /** 접근성 라벨 */
3148
+ ariaLabel: {
3149
+ type: StringConstructor;
3150
+ default: string;
3151
+ };
3152
+ /** 표시할 페이지 범위 */
3153
+ pageRange: {
3154
+ type: NumberConstructor;
3155
+ default: number;
3156
+ };
3157
+ }>, () => VNode<RendererNode, RendererElement, {
3158
+ [key: string]: any;
3159
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
3160
+ 'update:modelValue': (value: number) => true;
3161
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
3162
+ /** 현재 페이지 번호 (v-model) */
3163
+ modelValue: {
3164
+ type: NumberConstructor;
3165
+ default: number;
3166
+ };
3167
+ /** 최소 페이지 번호 (기본값: 1, 최소값: 1) */
3168
+ min: {
3169
+ type: NumberConstructor;
3170
+ default: number;
3171
+ };
3172
+ /** 최대 페이지 번호 (전체 페이지 수) */
3173
+ max: {
3174
+ type: NumberConstructor;
3175
+ required: true;
3176
+ };
3177
+ /** 엘리먼트 ID */
3178
+ id: {
3179
+ type: StringConstructor;
3180
+ default: undefined;
3181
+ };
3182
+ /** 접근성 라벨 */
3183
+ ariaLabel: {
3184
+ type: StringConstructor;
3185
+ default: string;
3186
+ };
3187
+ /** 표시할 페이지 범위 */
3188
+ pageRange: {
3189
+ type: NumberConstructor;
3190
+ default: number;
3191
+ };
3192
+ }>> & Readonly<{
3193
+ "onUpdate:modelValue"?: ((value: number) => any) | undefined;
3194
+ }>, {
3195
+ modelValue: number;
3196
+ min: number;
3197
+ id: string;
3198
+ ariaLabel: string;
3199
+ pageRange: number;
3200
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1452
3201
 
1453
3202
  /**
1454
3203
  * KRDS Pagination 컴포넌트 이벤트
@@ -1476,7 +3225,27 @@ export declare interface KrdsPaginationProps {
1476
3225
  pageRange?: number;
1477
3226
  }
1478
3227
 
1479
- export declare const KrdsPanel: DefineComponent<KrdsPanelProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsPanelProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
3228
+ export declare const KrdsPanel: DefineComponent<ExtractPropTypes<{
3229
+ /** 도움말 패널 펼침 상태 (v-model) */
3230
+ modelValue: {
3231
+ type: BooleanConstructor;
3232
+ default: boolean;
3233
+ };
3234
+ }>, () => VNode<RendererNode, RendererElement, {
3235
+ [key: string]: any;
3236
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
3237
+ 'update:modelValue': (value: boolean) => true;
3238
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
3239
+ /** 도움말 패널 펼침 상태 (v-model) */
3240
+ modelValue: {
3241
+ type: BooleanConstructor;
3242
+ default: boolean;
3243
+ };
3244
+ }>> & Readonly<{
3245
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
3246
+ }>, {
3247
+ modelValue: boolean;
3248
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1480
3249
 
1481
3250
  /**
1482
3251
  * KRDS Panel 컴포넌트 이벤트
@@ -1493,7 +3262,108 @@ export declare interface KrdsPanelProps {
1493
3262
  modelValue?: boolean;
1494
3263
  }
1495
3264
 
1496
- export declare const KrdsRadio: DefineComponent<KrdsRadioProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsRadioProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
3265
+ export declare const KrdsRadio: DefineComponent<ExtractPropTypes<{
3266
+ /** 모델 값 */
3267
+ modelValue: {
3268
+ type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
3269
+ default: undefined;
3270
+ };
3271
+ /** 라디오 값 */
3272
+ value: {
3273
+ type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
3274
+ required: true;
3275
+ };
3276
+ /** 비활성화 여부 */
3277
+ disabled: {
3278
+ type: BooleanConstructor;
3279
+ default: boolean;
3280
+ };
3281
+ /** 크기 */
3282
+ size: {
3283
+ type: () => "medium" | "large";
3284
+ default: string;
3285
+ validator: (value: string) => boolean;
3286
+ };
3287
+ /** Chip 스타일 여부 */
3288
+ chip: {
3289
+ type: BooleanConstructor;
3290
+ default: boolean;
3291
+ };
3292
+ /** 폼 필드 이름 */
3293
+ name: {
3294
+ type: StringConstructor;
3295
+ default: undefined;
3296
+ };
3297
+ /** CSS 클래스 */
3298
+ class: {
3299
+ type: StringConstructor;
3300
+ default: undefined;
3301
+ };
3302
+ /** HTML ID */
3303
+ id: {
3304
+ type: StringConstructor;
3305
+ default: undefined;
3306
+ };
3307
+ }>, () => VNode< RendererNode, RendererElement, {
3308
+ [key: string]: any;
3309
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
3310
+ 'update:modelValue': (value: string | number | boolean) => true;
3311
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
3312
+ /** 모델 값 */
3313
+ modelValue: {
3314
+ type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
3315
+ default: undefined;
3316
+ };
3317
+ /** 라디오 값 */
3318
+ value: {
3319
+ type: (StringConstructor | BooleanConstructor | NumberConstructor)[];
3320
+ required: true;
3321
+ };
3322
+ /** 비활성화 여부 */
3323
+ disabled: {
3324
+ type: BooleanConstructor;
3325
+ default: boolean;
3326
+ };
3327
+ /** 크기 */
3328
+ size: {
3329
+ type: () => "medium" | "large";
3330
+ default: string;
3331
+ validator: (value: string) => boolean;
3332
+ };
3333
+ /** Chip 스타일 여부 */
3334
+ chip: {
3335
+ type: BooleanConstructor;
3336
+ default: boolean;
3337
+ };
3338
+ /** 폼 필드 이름 */
3339
+ name: {
3340
+ type: StringConstructor;
3341
+ default: undefined;
3342
+ };
3343
+ /** CSS 클래스 */
3344
+ class: {
3345
+ type: StringConstructor;
3346
+ default: undefined;
3347
+ };
3348
+ /** HTML ID */
3349
+ id: {
3350
+ type: StringConstructor;
3351
+ default: undefined;
3352
+ };
3353
+ }>> & Readonly<{
3354
+ "onUpdate:modelValue"?: ((value: string | number | boolean) => any) | undefined;
3355
+ }>, {
3356
+ name: string;
3357
+ disabled: boolean;
3358
+ size: "medium" | "large";
3359
+ class: string;
3360
+ modelValue: string | number | boolean;
3361
+ id: string;
3362
+ chip: boolean;
3363
+ }, SlotsType<{
3364
+ default?: () => VNode[];
3365
+ description?: () => VNode[];
3366
+ }>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1497
3367
 
1498
3368
  /**
1499
3369
  * KRDS Radio 컴포넌트 이벤트
@@ -1520,9 +3390,12 @@ export declare interface KrdsRadioProps extends BaseFormProps {
1520
3390
 
1521
3391
  export declare const KrdsResize: DefineComponent<{}, () => VNode<RendererNode, RendererElement, {
1522
3392
  [key: string]: any;
1523
- }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("close" | "update:modelValue")[], "close" | "update:modelValue", PublicProps, Readonly<{}> & Readonly<{
1524
- onClose?: ((...args: any[]) => any) | undefined;
1525
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
3393
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
3394
+ 'update:modelValue': (value: string) => true;
3395
+ close: () => true;
3396
+ }, string, PublicProps, Readonly<{}> & Readonly<{
3397
+ onClose?: (() => any) | undefined;
3398
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
1526
3399
  }>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1527
3400
 
1528
3401
  /**
@@ -1533,7 +3406,152 @@ export declare interface KrdsResizeEmits {
1533
3406
  (e: 'close'): void;
1534
3407
  }
1535
3408
 
1536
- export declare const KrdsSelect: DefineComponent<KrdsSelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsSelectProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
3409
+ export declare const KrdsSelect: DefineComponent<ExtractPropTypes<{
3410
+ /** 선택된 값 */
3411
+ modelValue: {
3412
+ type: () => string | number | null;
3413
+ default: null;
3414
+ };
3415
+ /** 선택 크기 */
3416
+ size: {
3417
+ type: () => Size;
3418
+ default: string;
3419
+ };
3420
+ /** 타이틀 */
3421
+ title: {
3422
+ type: StringConstructor;
3423
+ default: undefined;
3424
+ };
3425
+ /** 옵션 목록 */
3426
+ options: {
3427
+ type: () => SelectOption[];
3428
+ default: () => never[];
3429
+ };
3430
+ /** 플레이스홀더 */
3431
+ placeholder: {
3432
+ type: StringConstructor;
3433
+ default: string;
3434
+ };
3435
+ /** 폼 필드 이름 */
3436
+ name: {
3437
+ type: StringConstructor;
3438
+ default: undefined;
3439
+ };
3440
+ /** 읽기 전용 여부 */
3441
+ readonly: {
3442
+ type: BooleanConstructor;
3443
+ default: boolean;
3444
+ };
3445
+ /** 비활성화 여부 */
3446
+ disabled: {
3447
+ type: BooleanConstructor;
3448
+ default: boolean;
3449
+ };
3450
+ /** 입력 상태 */
3451
+ state: {
3452
+ type: () => "default" | "error" | "success" | "information";
3453
+ default: string;
3454
+ };
3455
+ /** 정렬 스타일 여부 */
3456
+ sort: {
3457
+ type: BooleanConstructor;
3458
+ default: boolean;
3459
+ };
3460
+ /** CSS 클래스 */
3461
+ class: {
3462
+ type: StringConstructor;
3463
+ default: undefined;
3464
+ };
3465
+ /** HTML ID */
3466
+ id: {
3467
+ type: StringConstructor;
3468
+ default: undefined;
3469
+ };
3470
+ }>, () => VNode<RendererNode, RendererElement, {
3471
+ [key: string]: any;
3472
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
3473
+ 'update:modelValue': (value: string | number | null) => true;
3474
+ focus: (event: FocusEvent) => true;
3475
+ blur: (event: FocusEvent) => true;
3476
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
3477
+ /** 선택된 값 */
3478
+ modelValue: {
3479
+ type: () => string | number | null;
3480
+ default: null;
3481
+ };
3482
+ /** 선택 크기 */
3483
+ size: {
3484
+ type: () => Size;
3485
+ default: string;
3486
+ };
3487
+ /** 타이틀 */
3488
+ title: {
3489
+ type: StringConstructor;
3490
+ default: undefined;
3491
+ };
3492
+ /** 옵션 목록 */
3493
+ options: {
3494
+ type: () => SelectOption[];
3495
+ default: () => never[];
3496
+ };
3497
+ /** 플레이스홀더 */
3498
+ placeholder: {
3499
+ type: StringConstructor;
3500
+ default: string;
3501
+ };
3502
+ /** 폼 필드 이름 */
3503
+ name: {
3504
+ type: StringConstructor;
3505
+ default: undefined;
3506
+ };
3507
+ /** 읽기 전용 여부 */
3508
+ readonly: {
3509
+ type: BooleanConstructor;
3510
+ default: boolean;
3511
+ };
3512
+ /** 비활성화 여부 */
3513
+ disabled: {
3514
+ type: BooleanConstructor;
3515
+ default: boolean;
3516
+ };
3517
+ /** 입력 상태 */
3518
+ state: {
3519
+ type: () => "default" | "error" | "success" | "information";
3520
+ default: string;
3521
+ };
3522
+ /** 정렬 스타일 여부 */
3523
+ sort: {
3524
+ type: BooleanConstructor;
3525
+ default: boolean;
3526
+ };
3527
+ /** CSS 클래스 */
3528
+ class: {
3529
+ type: StringConstructor;
3530
+ default: undefined;
3531
+ };
3532
+ /** HTML ID */
3533
+ id: {
3534
+ type: StringConstructor;
3535
+ default: undefined;
3536
+ };
3537
+ }>> & Readonly<{
3538
+ onFocus?: ((event: FocusEvent) => any) | undefined;
3539
+ onBlur?: ((event: FocusEvent) => any) | undefined;
3540
+ "onUpdate:modelValue"?: ((value: string | number | null) => any) | undefined;
3541
+ }>, {
3542
+ name: string;
3543
+ readonly: boolean;
3544
+ disabled: boolean;
3545
+ size: Size;
3546
+ class: string;
3547
+ sort: boolean;
3548
+ title: string;
3549
+ modelValue: string | number | null;
3550
+ placeholder: string;
3551
+ state: "success" | "error" | "default" | "information";
3552
+ id: string;
3553
+ options: SelectOption[];
3554
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1537
3555
 
1538
3556
  /**
1539
3557
  * KRDS Select 컴포넌트 이벤트
@@ -1571,11 +3589,13 @@ export declare const KrdsSideNavigation: DefineComponent<{
1571
3589
  modelValue?: SideNavItem[] | undefined;
1572
3590
  }, () => VNode< RendererNode, RendererElement, {
1573
3591
  [key: string]: any;
1574
- }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly<{
3592
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
3593
+ 'update:modelValue': (value: SideNavItem[]) => true;
3594
+ }, string, PublicProps, Readonly<{
1575
3595
  title: string;
1576
3596
  modelValue?: SideNavItem[] | undefined;
1577
3597
  }> & Readonly<{
1578
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
3598
+ "onUpdate:modelValue"?: ((value: SideNavItem[]) => any) | undefined;
1579
3599
  }>, {
1580
3600
  modelValue: SideNavItem[];
1581
3601
  }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -1673,21 +3693,74 @@ export declare interface KrdsSkipLinkProps extends BaseComponentProps {
1673
3693
  }
1674
3694
 
1675
3695
  export declare const KrdsSpinner: DefineComponent<ExtractPropTypes<{
3696
+ /** 로딩 안내 텍스트 */
3697
+ label: {
3698
+ type: StringConstructor;
3699
+ default: undefined;
3700
+ };
3701
+ }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
3702
+ /** 로딩 안내 텍스트 */
1676
3703
  label: {
1677
3704
  type: StringConstructor;
1678
3705
  default: undefined;
1679
3706
  };
1680
- }>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
1681
- label: {
3707
+ }>> & Readonly<{}>, {
3708
+ label: string;
3709
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
3710
+
3711
+ export declare const KrdsStep: DefineComponent<ExtractPropTypes<{
3712
+ /** 단계 번호 */
3713
+ step: {
3714
+ type: (StringConstructor | NumberConstructor)[];
3715
+ required: true;
3716
+ };
3717
+ /** 단계 제목 */
3718
+ title: {
3719
+ type: StringConstructor;
3720
+ required: true;
3721
+ };
3722
+ /** 단계 상태 강제 설정 (선택적) */
3723
+ status: {
3724
+ type: () => "done" | "active" | "pending";
3725
+ default: undefined;
3726
+ };
3727
+ /** CSS 클래스 */
3728
+ class: {
3729
+ type: StringConstructor;
3730
+ default: undefined;
3731
+ };
3732
+ }>, () => VNode<RendererNode, RendererElement, {
3733
+ [key: string]: any;
3734
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
3735
+ click: (event: MouseEvent, step: string | number) => true;
3736
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
3737
+ /** 단계 번호 */
3738
+ step: {
3739
+ type: (StringConstructor | NumberConstructor)[];
3740
+ required: true;
3741
+ };
3742
+ /** 단계 제목 */
3743
+ title: {
3744
+ type: StringConstructor;
3745
+ required: true;
3746
+ };
3747
+ /** 단계 상태 강제 설정 (선택적) */
3748
+ status: {
3749
+ type: () => "done" | "active" | "pending";
3750
+ default: undefined;
3751
+ };
3752
+ /** CSS 클래스 */
3753
+ class: {
1682
3754
  type: StringConstructor;
1683
3755
  default: undefined;
1684
3756
  };
1685
- }>> & Readonly<{}>, {
1686
- label: string;
3757
+ }>> & Readonly<{
3758
+ onClick?: ((event: MouseEvent, step: string | number) => any) | undefined;
3759
+ }>, {
3760
+ class: string;
3761
+ status: "active" | "done" | "pending";
1687
3762
  }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1688
3763
 
1689
- export declare const KrdsStep: DefineComponent<KrdsStepProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsStepProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
1690
-
1691
3764
  /**
1692
3765
  * KRDS Step 컴포넌트 이벤트
1693
3766
  */
@@ -1695,7 +3768,38 @@ export declare interface KrdsStepEmits {
1695
3768
  (e: 'click', event: MouseEvent, step: string | number): void;
1696
3769
  }
1697
3770
 
1698
- export declare const KrdsStepIndicator: DefineComponent<KrdsStepIndicatorProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsStepIndicatorProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
3771
+ export declare const KrdsStepIndicator: DefineComponent<ExtractPropTypes<{
3772
+ /** 현재 활성 단계 인덱스 (0부터 시작) - v-model */
3773
+ modelValue: {
3774
+ type: NumberConstructor;
3775
+ default: number;
3776
+ };
3777
+ /** CSS 클래스 */
3778
+ class: {
3779
+ type: StringConstructor;
3780
+ default: undefined;
3781
+ };
3782
+ }>, () => VNode<RendererNode, RendererElement, {
3783
+ [key: string]: any;
3784
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
3785
+ 'update:modelValue': (value: number) => true;
3786
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
3787
+ /** 현재 활성 단계 인덱스 (0부터 시작) - v-model */
3788
+ modelValue: {
3789
+ type: NumberConstructor;
3790
+ default: number;
3791
+ };
3792
+ /** CSS 클래스 */
3793
+ class: {
3794
+ type: StringConstructor;
3795
+ default: undefined;
3796
+ };
3797
+ }>> & Readonly<{
3798
+ "onUpdate:modelValue"?: ((value: number) => any) | undefined;
3799
+ }>, {
3800
+ class: string;
3801
+ modelValue: number;
3802
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1699
3803
 
1700
3804
  /**
1701
3805
  * KRDS StepIndicator 컴포넌트 이벤트
@@ -1724,7 +3828,28 @@ export declare interface KrdsStepProps extends BaseComponentProps {
1724
3828
  status?: 'done' | 'active' | 'pending';
1725
3829
  }
1726
3830
 
1727
- export declare const KrdsStructuredList: DefineComponent<KrdsStructuredListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsStructuredListProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
3831
+ export declare const KrdsStructuredList: DefineComponent<ExtractPropTypes<{
3832
+ /** 전체 타입 여부 */
3833
+ full: {
3834
+ type: BooleanConstructor;
3835
+ default: boolean;
3836
+ };
3837
+ }>, () => VNode< RendererNode, RendererElement, {
3838
+ [key: string]: any;
3839
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
3840
+ /** 전체 타입 여부 */
3841
+ full: {
3842
+ type: BooleanConstructor;
3843
+ default: boolean;
3844
+ };
3845
+ }>> & Readonly<{}>, {
3846
+ full: boolean;
3847
+ }, SlotsType<{
3848
+ cardTop?: () => VNode[];
3849
+ cardBody?: () => VNode[];
3850
+ cardBtm?: () => VNode[];
3851
+ cardBtn?: () => VNode[];
3852
+ }>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1728
3853
 
1729
3854
  /**
1730
3855
  * KRDS StructuredList 컴포넌트 속성
@@ -1734,7 +3859,72 @@ export declare interface KrdsStructuredListProps extends BaseComponentProps {
1734
3859
  full?: boolean;
1735
3860
  }
1736
3861
 
1737
- export declare const KrdsTable: DefineComponent<KrdsTableProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsTableProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
3862
+ /**
3863
+ * KRDS Tabs 탭 아이템
3864
+ */
3865
+ export declare interface KrdsTabItem {
3866
+ /** 탭 고유 식별자 (패널 슬롯 이름으로 사용) */
3867
+ id: string;
3868
+ /** 탭 버튼 레이블 */
3869
+ label: string;
3870
+ /** 비활성화 여부 */
3871
+ disabled?: boolean;
3872
+ }
3873
+
3874
+ export declare const KrdsTable: DefineComponent<ExtractPropTypes<{
3875
+ /** 테이블 캡션 */
3876
+ caption: {
3877
+ type: StringConstructor;
3878
+ default: undefined;
3879
+ };
3880
+ /** 테이블 열 정의 */
3881
+ columns: {
3882
+ type: () => TableColumn[];
3883
+ required: true;
3884
+ };
3885
+ /** 테이블 행 데이터 */
3886
+ rows: {
3887
+ type: () => TableRow[];
3888
+ required: true;
3889
+ };
3890
+ /** CSS 클래스 */
3891
+ class: {
3892
+ type: StringConstructor;
3893
+ default: undefined;
3894
+ };
3895
+ }>, () => VNode< RendererNode, RendererElement, {
3896
+ [key: string]: any;
3897
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
3898
+ 'row-click': (row: TableRow, index: number) => true;
3899
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
3900
+ /** 테이블 캡션 */
3901
+ caption: {
3902
+ type: StringConstructor;
3903
+ default: undefined;
3904
+ };
3905
+ /** 테이블 열 정의 */
3906
+ columns: {
3907
+ type: () => TableColumn[];
3908
+ required: true;
3909
+ };
3910
+ /** 테이블 행 데이터 */
3911
+ rows: {
3912
+ type: () => TableRow[];
3913
+ required: true;
3914
+ };
3915
+ /** CSS 클래스 */
3916
+ class: {
3917
+ type: StringConstructor;
3918
+ default: undefined;
3919
+ };
3920
+ }>> & Readonly<{
3921
+ "onRow-click"?: ((row: TableRow, index: number) => any) | undefined;
3922
+ }>, {
3923
+ class: string;
3924
+ caption: string;
3925
+ }, SlotsType<{
3926
+ 'no-data'?: () => VNode[];
3927
+ }>, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1738
3928
 
1739
3929
  /**
1740
3930
  * KRDS Table 컴포넌트 이벤트
@@ -1755,7 +3945,178 @@ export declare interface KrdsTableProps extends BaseComponentProps {
1755
3945
  rows: TableRow[];
1756
3946
  }
1757
3947
 
1758
- export declare const KrdsTag: DefineComponent<KrdsTagProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsTagProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
3948
+ export declare const KrdsTabs: DefineComponent<ExtractPropTypes<{
3949
+ /** 탭 아이템 목록 */
3950
+ tabs: {
3951
+ type: PropType<KrdsTabItem[]>;
3952
+ required: true;
3953
+ };
3954
+ /** 활성 탭 id (v-model) */
3955
+ modelValue: {
3956
+ type: StringConstructor;
3957
+ default: undefined;
3958
+ };
3959
+ /** 탭 스타일 변형 */
3960
+ variant: {
3961
+ type: PropType<KrdsTabsVariant>;
3962
+ default: string;
3963
+ };
3964
+ /** 풀사이즈 레이아웃 여부 */
3965
+ full: {
3966
+ type: BooleanConstructor;
3967
+ default: boolean;
3968
+ };
3969
+ /** 선택된 탭의 스크린 리더 대체 텍스트 */
3970
+ selectedText: {
3971
+ type: StringConstructor;
3972
+ default: string;
3973
+ };
3974
+ /** CSS 클래스 */
3975
+ class: {
3976
+ type: StringConstructor;
3977
+ default: undefined;
3978
+ };
3979
+ }>, () => VNode<RendererNode, RendererElement, {
3980
+ [key: string]: any;
3981
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
3982
+ 'update:modelValue': (id: string) => true;
3983
+ change: (id: string) => true;
3984
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
3985
+ /** 탭 아이템 목록 */
3986
+ tabs: {
3987
+ type: PropType<KrdsTabItem[]>;
3988
+ required: true;
3989
+ };
3990
+ /** 활성 탭 id (v-model) */
3991
+ modelValue: {
3992
+ type: StringConstructor;
3993
+ default: undefined;
3994
+ };
3995
+ /** 탭 스타일 변형 */
3996
+ variant: {
3997
+ type: PropType<KrdsTabsVariant>;
3998
+ default: string;
3999
+ };
4000
+ /** 풀사이즈 레이아웃 여부 */
4001
+ full: {
4002
+ type: BooleanConstructor;
4003
+ default: boolean;
4004
+ };
4005
+ /** 선택된 탭의 스크린 리더 대체 텍스트 */
4006
+ selectedText: {
4007
+ type: StringConstructor;
4008
+ default: string;
4009
+ };
4010
+ /** CSS 클래스 */
4011
+ class: {
4012
+ type: StringConstructor;
4013
+ default: undefined;
4014
+ };
4015
+ }>> & Readonly<{
4016
+ onChange?: ((id: string) => any) | undefined;
4017
+ "onUpdate:modelValue"?: ((id: string) => any) | undefined;
4018
+ }>, {
4019
+ variant: KrdsTabsVariant;
4020
+ class: string;
4021
+ modelValue: string;
4022
+ full: boolean;
4023
+ selectedText: string;
4024
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
4025
+
4026
+ /**
4027
+ * KRDS Tabs 컴포넌트 이벤트
4028
+ */
4029
+ export declare interface KrdsTabsEmits {
4030
+ (e: 'update:modelValue', id: string): void;
4031
+ (e: 'change', id: string): void;
4032
+ }
4033
+
4034
+ /**
4035
+ * KRDS Tabs 컴포넌트 속성
4036
+ */
4037
+ export declare interface KrdsTabsProps extends BaseComponentProps {
4038
+ /** 탭 아이템 목록 */
4039
+ tabs: KrdsTabItem[];
4040
+ /** 활성 탭 id (v-model) */
4041
+ modelValue?: string;
4042
+ /** 탭 스타일 변형 */
4043
+ variant?: KrdsTabsVariant;
4044
+ /** 풀사이즈 레이아웃 여부 */
4045
+ full?: boolean;
4046
+ /** 선택된 탭의 스크린 리더 대체 텍스트 */
4047
+ selectedText?: string;
4048
+ }
4049
+
4050
+ /**
4051
+ * 탭 스타일 변형 (line: 라인형, fill: 버튼형)
4052
+ */
4053
+ export declare type KrdsTabsVariant = 'line' | 'fill';
4054
+
4055
+ export declare const KrdsTag: DefineComponent<ExtractPropTypes<{
4056
+ /** 링크 태그 여부 */
4057
+ link: {
4058
+ type: BooleanConstructor;
4059
+ default: boolean;
4060
+ };
4061
+ /** 링크 URL (link가 true일 때 사용) */
4062
+ href: {
4063
+ type: StringConstructor;
4064
+ default: string;
4065
+ };
4066
+ /** 링크 타겟 (link가 true일 때 사용) */
4067
+ target: {
4068
+ type: StringConstructor;
4069
+ default: undefined;
4070
+ };
4071
+ /** 링크 관계 (link가 true일 때 사용) */
4072
+ rel: {
4073
+ type: StringConstructor;
4074
+ default: undefined;
4075
+ };
4076
+ /** CSS 클래스 */
4077
+ class: {
4078
+ type: StringConstructor;
4079
+ default: undefined;
4080
+ };
4081
+ }>, () => VNode<RendererNode, RendererElement, {
4082
+ [key: string]: any;
4083
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
4084
+ remove: (event: MouseEvent) => true;
4085
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
4086
+ /** 링크 태그 여부 */
4087
+ link: {
4088
+ type: BooleanConstructor;
4089
+ default: boolean;
4090
+ };
4091
+ /** 링크 URL (link가 true일 때 사용) */
4092
+ href: {
4093
+ type: StringConstructor;
4094
+ default: string;
4095
+ };
4096
+ /** 링크 타겟 (link가 true일 때 사용) */
4097
+ target: {
4098
+ type: StringConstructor;
4099
+ default: undefined;
4100
+ };
4101
+ /** 링크 관계 (link가 true일 때 사용) */
4102
+ rel: {
4103
+ type: StringConstructor;
4104
+ default: undefined;
4105
+ };
4106
+ /** CSS 클래스 */
4107
+ class: {
4108
+ type: StringConstructor;
4109
+ default: undefined;
4110
+ };
4111
+ }>> & Readonly<{
4112
+ onRemove?: ((event: MouseEvent) => any) | undefined;
4113
+ }>, {
4114
+ class: string;
4115
+ link: boolean;
4116
+ href: string;
4117
+ target: string;
4118
+ rel: string;
4119
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1759
4120
 
1760
4121
  /**
1761
4122
  * KRDS Tag 컴포넌트 이벤트
@@ -1764,7 +4125,34 @@ export declare interface KrdsTagEmits {
1764
4125
  (e: 'remove', event: MouseEvent): void;
1765
4126
  }
1766
4127
 
1767
- export declare const KrdsTagGroup: DefineComponent<KrdsTagGroupProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsTagGroupProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
4128
+ export declare const KrdsTagGroup: DefineComponent<ExtractPropTypes<{
4129
+ /** 태그 그룹 크기 */
4130
+ size: {
4131
+ type: () => KrdsTagGroupSize;
4132
+ default: string;
4133
+ };
4134
+ /** CSS 클래스 */
4135
+ class: {
4136
+ type: StringConstructor;
4137
+ default: undefined;
4138
+ };
4139
+ }>, () => VNode<RendererNode, RendererElement, {
4140
+ [key: string]: any;
4141
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
4142
+ /** 태그 그룹 크기 */
4143
+ size: {
4144
+ type: () => KrdsTagGroupSize;
4145
+ default: string;
4146
+ };
4147
+ /** CSS 클래스 */
4148
+ class: {
4149
+ type: StringConstructor;
4150
+ default: undefined;
4151
+ };
4152
+ }>> & Readonly<{}>, {
4153
+ size: KrdsTagGroupSize;
4154
+ class: string;
4155
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
1768
4156
 
1769
4157
  /**
1770
4158
  * KRDS TagGroup 컴포넌트 속성
@@ -1794,153 +4182,185 @@ export declare interface KrdsTagProps extends BaseComponentProps {
1794
4182
  }
1795
4183
 
1796
4184
  export declare const KrdsTextarea: DefineComponent<ExtractPropTypes<{
4185
+ /** 입력값 */
1797
4186
  modelValue: {
1798
4187
  type: StringConstructor;
1799
4188
  default: string;
1800
4189
  };
4190
+ /** 입력 크기 */
1801
4191
  size: {
1802
4192
  type: () => Size;
1803
4193
  default: undefined;
1804
4194
  };
4195
+ /** 플레이스홀더 */
1805
4196
  placeholder: {
1806
4197
  type: StringConstructor;
1807
4198
  default: undefined;
1808
4199
  };
4200
+ /** 최대 글자 수 */
1809
4201
  maxlength: {
1810
4202
  type: NumberConstructor;
1811
4203
  default: undefined;
1812
4204
  };
4205
+ /** 최소 글자 수 */
1813
4206
  minlength: {
1814
4207
  type: NumberConstructor;
1815
4208
  default: undefined;
1816
4209
  };
4210
+ /** 행 수 */
1817
4211
  rows: {
1818
4212
  type: NumberConstructor;
1819
4213
  default: number;
1820
4214
  };
4215
+ /** 열 수 */
1821
4216
  cols: {
1822
4217
  type: NumberConstructor;
1823
4218
  default: undefined;
1824
4219
  };
4220
+ /** 자동 포커스 */
1825
4221
  autofocus: {
1826
4222
  type: BooleanConstructor;
1827
4223
  default: boolean;
1828
4224
  };
4225
+ /** 폼 필드 이름 */
1829
4226
  name: {
1830
4227
  type: StringConstructor;
1831
4228
  default: undefined;
1832
4229
  };
4230
+ /** 필수 입력 여부 */
1833
4231
  required: {
1834
4232
  type: BooleanConstructor;
1835
4233
  default: boolean;
1836
4234
  };
4235
+ /** 읽기 전용 여부 */
1837
4236
  readonly: {
1838
4237
  type: BooleanConstructor;
1839
4238
  default: boolean;
1840
4239
  };
4240
+ /** 비활성화 여부 */
1841
4241
  disabled: {
1842
4242
  type: BooleanConstructor;
1843
4243
  default: boolean;
1844
4244
  };
4245
+ /** 글자 수 표시 여부 */
1845
4246
  showCount: {
1846
4247
  type: BooleanConstructor;
1847
4248
  default: boolean;
1848
4249
  };
4250
+ /** 리사이즈 가능 여부 */
1849
4251
  resize: {
1850
4252
  type: () => "none" | "both" | "horizontal" | "vertical";
1851
4253
  default: string;
1852
4254
  };
4255
+ /** CSS 클래스 */
1853
4256
  class: {
1854
4257
  type: StringConstructor;
1855
4258
  default: undefined;
1856
4259
  };
1857
- style: {
1858
- type: (StringConstructor | ObjectConstructor)[];
1859
- default: undefined;
1860
- };
4260
+ /** HTML ID */
1861
4261
  id: {
1862
4262
  type: StringConstructor;
1863
4263
  default: undefined;
1864
4264
  };
1865
4265
  }>, () => VNode<RendererNode, RendererElement, {
1866
4266
  [key: string]: any;
1867
- }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, ("focus" | "input" | "blur" | "change" | "keydown" | "keyup" | "update:modelValue")[], "focus" | "input" | "blur" | "change" | "keydown" | "keyup" | "update:modelValue", PublicProps, Readonly< ExtractPropTypes<{
4267
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
4268
+ 'update:modelValue': (value: string) => true;
4269
+ input: (event: Event) => true;
4270
+ change: (event: Event) => true;
4271
+ focus: (event: FocusEvent) => true;
4272
+ blur: (event: FocusEvent) => true;
4273
+ keydown: (event: KeyboardEvent) => true;
4274
+ keyup: (event: KeyboardEvent) => true;
4275
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
4276
+ /** 입력값 */
1868
4277
  modelValue: {
1869
4278
  type: StringConstructor;
1870
4279
  default: string;
1871
4280
  };
4281
+ /** 입력 크기 */
1872
4282
  size: {
1873
4283
  type: () => Size;
1874
4284
  default: undefined;
1875
4285
  };
4286
+ /** 플레이스홀더 */
1876
4287
  placeholder: {
1877
4288
  type: StringConstructor;
1878
4289
  default: undefined;
1879
4290
  };
4291
+ /** 최대 글자 수 */
1880
4292
  maxlength: {
1881
4293
  type: NumberConstructor;
1882
4294
  default: undefined;
1883
4295
  };
4296
+ /** 최소 글자 수 */
1884
4297
  minlength: {
1885
4298
  type: NumberConstructor;
1886
4299
  default: undefined;
1887
4300
  };
4301
+ /** 행 수 */
1888
4302
  rows: {
1889
4303
  type: NumberConstructor;
1890
4304
  default: number;
1891
4305
  };
4306
+ /** 열 수 */
1892
4307
  cols: {
1893
4308
  type: NumberConstructor;
1894
4309
  default: undefined;
1895
4310
  };
4311
+ /** 자동 포커스 */
1896
4312
  autofocus: {
1897
4313
  type: BooleanConstructor;
1898
4314
  default: boolean;
1899
4315
  };
4316
+ /** 폼 필드 이름 */
1900
4317
  name: {
1901
4318
  type: StringConstructor;
1902
4319
  default: undefined;
1903
4320
  };
4321
+ /** 필수 입력 여부 */
1904
4322
  required: {
1905
4323
  type: BooleanConstructor;
1906
4324
  default: boolean;
1907
4325
  };
4326
+ /** 읽기 전용 여부 */
1908
4327
  readonly: {
1909
4328
  type: BooleanConstructor;
1910
4329
  default: boolean;
1911
4330
  };
4331
+ /** 비활성화 여부 */
1912
4332
  disabled: {
1913
4333
  type: BooleanConstructor;
1914
4334
  default: boolean;
1915
4335
  };
4336
+ /** 글자 수 표시 여부 */
1916
4337
  showCount: {
1917
4338
  type: BooleanConstructor;
1918
4339
  default: boolean;
1919
4340
  };
4341
+ /** 리사이즈 가능 여부 */
1920
4342
  resize: {
1921
4343
  type: () => "none" | "both" | "horizontal" | "vertical";
1922
4344
  default: string;
1923
4345
  };
4346
+ /** CSS 클래스 */
1924
4347
  class: {
1925
4348
  type: StringConstructor;
1926
4349
  default: undefined;
1927
4350
  };
1928
- style: {
1929
- type: (StringConstructor | ObjectConstructor)[];
1930
- default: undefined;
1931
- };
4351
+ /** HTML ID */
1932
4352
  id: {
1933
4353
  type: StringConstructor;
1934
4354
  default: undefined;
1935
4355
  };
1936
4356
  }>> & Readonly<{
1937
- onFocus?: ((...args: any[]) => any) | undefined;
1938
- onInput?: ((...args: any[]) => any) | undefined;
1939
- onBlur?: ((...args: any[]) => any) | undefined;
1940
- onChange?: ((...args: any[]) => any) | undefined;
1941
- onKeydown?: ((...args: any[]) => any) | undefined;
1942
- onKeyup?: ((...args: any[]) => any) | undefined;
1943
- "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
4357
+ onFocus?: ((event: FocusEvent) => any) | undefined;
4358
+ onInput?: ((event: Event) => any) | undefined;
4359
+ onBlur?: ((event: FocusEvent) => any) | undefined;
4360
+ onChange?: ((event: Event) => any) | undefined;
4361
+ onKeydown?: ((event: KeyboardEvent) => any) | undefined;
4362
+ onKeyup?: ((event: KeyboardEvent) => any) | undefined;
4363
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
1944
4364
  }>, {
1945
4365
  name: string;
1946
4366
  required: boolean;
@@ -1948,14 +4368,13 @@ export declare const KrdsTextarea: DefineComponent<ExtractPropTypes<{
1948
4368
  disabled: boolean;
1949
4369
  size: Size;
1950
4370
  class: string;
1951
- style: string | Record<string, any>;
1952
- id: string;
1953
4371
  resize: "horizontal" | "vertical" | "none" | "both";
1954
4372
  modelValue: string;
1955
4373
  placeholder: string;
1956
4374
  maxlength: number;
1957
4375
  minlength: number;
1958
4376
  autofocus: boolean;
4377
+ id: string;
1959
4378
  rows: number;
1960
4379
  cols: number;
1961
4380
  showCount: boolean;
@@ -2002,7 +4421,34 @@ export declare interface KrdsTextareaProps extends BaseFormProps {
2002
4421
  resize?: 'none' | 'both' | 'horizontal' | 'vertical';
2003
4422
  }
2004
4423
 
2005
- export declare const KrdsTextList: DefineComponent<KrdsTextListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsTextListProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
4424
+ export declare const KrdsTextList: DefineComponent<ExtractPropTypes<{
4425
+ /** 리스트 타입 */
4426
+ type: {
4427
+ type: () => "ul" | "ol";
4428
+ default: string;
4429
+ };
4430
+ /** 스타일 변형 */
4431
+ variant: {
4432
+ type: () => "decimal" | "dash" | "hollow" | "ordered";
4433
+ default: string;
4434
+ };
4435
+ }>, () => VNode<RendererNode, RendererElement, {
4436
+ [key: string]: any;
4437
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
4438
+ /** 리스트 타입 */
4439
+ type: {
4440
+ type: () => "ul" | "ol";
4441
+ default: string;
4442
+ };
4443
+ /** 스타일 변형 */
4444
+ variant: {
4445
+ type: () => "decimal" | "dash" | "hollow" | "ordered";
4446
+ default: string;
4447
+ };
4448
+ }>> & Readonly<{}>, {
4449
+ type: "ol" | "ul";
4450
+ variant: "decimal" | "dash" | "hollow" | "ordered";
4451
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
2006
4452
 
2007
4453
  /**
2008
4454
  * KRDS TextList 컴포넌트 속성
@@ -2014,7 +4460,119 @@ export declare interface KrdsTextListProps extends BaseComponentProps {
2014
4460
  variant?: 'decimal' | 'dash' | 'hollow' | 'ordered';
2015
4461
  }
2016
4462
 
2017
- export declare const KrdsToggleSwitch: DefineComponent<KrdsToggleSwitchProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsToggleSwitchProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
4463
+ export declare const KrdsToggleSwitch: DefineComponent<ExtractPropTypes<{
4464
+ /** 모델 값 */
4465
+ modelValue: {
4466
+ type: BooleanConstructor;
4467
+ default: boolean;
4468
+ };
4469
+ /** 비활성화 여부 */
4470
+ disabled: {
4471
+ type: BooleanConstructor;
4472
+ default: boolean;
4473
+ };
4474
+ /** 스위치 라벨 */
4475
+ label: {
4476
+ type: StringConstructor;
4477
+ default: undefined;
4478
+ };
4479
+ /** 크기 */
4480
+ size: {
4481
+ type: () => "medium" | "large";
4482
+ default: string;
4483
+ validator: (value: string) => boolean;
4484
+ };
4485
+ /** 폼 필드 이름 */
4486
+ name: {
4487
+ type: StringConstructor;
4488
+ default: undefined;
4489
+ };
4490
+ /** 필수 입력 여부 */
4491
+ required: {
4492
+ type: BooleanConstructor;
4493
+ default: boolean;
4494
+ };
4495
+ /** 읽기 전용 여부 */
4496
+ readonly: {
4497
+ type: BooleanConstructor;
4498
+ default: boolean;
4499
+ };
4500
+ /** CSS 클래스 */
4501
+ class: {
4502
+ type: StringConstructor;
4503
+ default: undefined;
4504
+ };
4505
+ /** HTML ID */
4506
+ id: {
4507
+ type: StringConstructor;
4508
+ default: undefined;
4509
+ };
4510
+ }>, () => VNode<RendererNode, RendererElement, {
4511
+ [key: string]: any;
4512
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
4513
+ 'update:modelValue': (value: boolean) => true;
4514
+ change: (value: boolean) => true;
4515
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
4516
+ /** 모델 값 */
4517
+ modelValue: {
4518
+ type: BooleanConstructor;
4519
+ default: boolean;
4520
+ };
4521
+ /** 비활성화 여부 */
4522
+ disabled: {
4523
+ type: BooleanConstructor;
4524
+ default: boolean;
4525
+ };
4526
+ /** 스위치 라벨 */
4527
+ label: {
4528
+ type: StringConstructor;
4529
+ default: undefined;
4530
+ };
4531
+ /** 크기 */
4532
+ size: {
4533
+ type: () => "medium" | "large";
4534
+ default: string;
4535
+ validator: (value: string) => boolean;
4536
+ };
4537
+ /** 폼 필드 이름 */
4538
+ name: {
4539
+ type: StringConstructor;
4540
+ default: undefined;
4541
+ };
4542
+ /** 필수 입력 여부 */
4543
+ required: {
4544
+ type: BooleanConstructor;
4545
+ default: boolean;
4546
+ };
4547
+ /** 읽기 전용 여부 */
4548
+ readonly: {
4549
+ type: BooleanConstructor;
4550
+ default: boolean;
4551
+ };
4552
+ /** CSS 클래스 */
4553
+ class: {
4554
+ type: StringConstructor;
4555
+ default: undefined;
4556
+ };
4557
+ /** HTML ID */
4558
+ id: {
4559
+ type: StringConstructor;
4560
+ default: undefined;
4561
+ };
4562
+ }>> & Readonly<{
4563
+ onChange?: ((value: boolean) => any) | undefined;
4564
+ "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
4565
+ }>, {
4566
+ name: string;
4567
+ required: boolean;
4568
+ readonly: boolean;
4569
+ disabled: boolean;
4570
+ size: "medium" | "large";
4571
+ class: string;
4572
+ label: string;
4573
+ modelValue: boolean;
4574
+ id: string;
4575
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
2018
4576
 
2019
4577
  /**
2020
4578
  * KRDS ToggleSwitch 컴포넌트 이벤트
@@ -2038,7 +4596,66 @@ export declare interface KrdsToggleSwitchProps extends BaseFormProps {
2038
4596
  size?: 'medium' | 'large';
2039
4597
  }
2040
4598
 
2041
- export declare const KrdsTooltip: DefineComponent<KrdsTooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsTooltipProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
4599
+ export declare const KrdsTooltip: DefineComponent<ExtractPropTypes<{
4600
+ /** 트리거 버튼 타입 */
4601
+ type: {
4602
+ type: PropType<TooltipType>;
4603
+ default: string;
4604
+ };
4605
+ /** 툴팁 본문 */
4606
+ tooltipContent: {
4607
+ type: StringConstructor;
4608
+ required: true;
4609
+ };
4610
+ /** 세로 방향 배치 여부 */
4611
+ vertical: {
4612
+ type: BooleanConstructor;
4613
+ default: boolean;
4614
+ };
4615
+ /** 박스형 여부 */
4616
+ box: {
4617
+ type: BooleanConstructor;
4618
+ default: boolean;
4619
+ };
4620
+ /** 비활성화 여부 */
4621
+ disabled: {
4622
+ type: BooleanConstructor;
4623
+ default: boolean;
4624
+ };
4625
+ }>, () => VNode<RendererNode, RendererElement, {
4626
+ [key: string]: any;
4627
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
4628
+ /** 트리거 버튼 타입 */
4629
+ type: {
4630
+ type: PropType<TooltipType>;
4631
+ default: string;
4632
+ };
4633
+ /** 툴팁 본문 */
4634
+ tooltipContent: {
4635
+ type: StringConstructor;
4636
+ required: true;
4637
+ };
4638
+ /** 세로 방향 배치 여부 */
4639
+ vertical: {
4640
+ type: BooleanConstructor;
4641
+ default: boolean;
4642
+ };
4643
+ /** 박스형 여부 */
4644
+ box: {
4645
+ type: BooleanConstructor;
4646
+ default: boolean;
4647
+ };
4648
+ /** 비활성화 여부 */
4649
+ disabled: {
4650
+ type: BooleanConstructor;
4651
+ default: boolean;
4652
+ };
4653
+ }>> & Readonly<{}>, {
4654
+ vertical: boolean;
4655
+ disabled: boolean;
4656
+ type: TooltipType;
4657
+ box: boolean;
4658
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
2042
4659
 
2043
4660
  /**
2044
4661
  * KRDS Tooltip 컴포넌트 속성
@@ -2056,7 +4673,87 @@ export declare interface KrdsTooltipProps extends BaseComponentProps {
2056
4673
  disabled?: boolean;
2057
4674
  }
2058
4675
 
2059
- export declare const KrdsTts: DefineComponent<KrdsTtsProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<KrdsTtsProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
4676
+ export declare const KrdsTts: DefineComponent<ExtractPropTypes<{
4677
+ /** 읽어줄 텍스트 */
4678
+ text: {
4679
+ type: StringConstructor;
4680
+ required: true;
4681
+ };
4682
+ /** 레이블 텍스트 (미지정 시 아이콘만 표시) */
4683
+ label: {
4684
+ type: StringConstructor;
4685
+ default: undefined;
4686
+ };
4687
+ /** 버튼 크기 */
4688
+ size: {
4689
+ type: () => TtsSize;
4690
+ default: string;
4691
+ };
4692
+ /** 아이콘 타입 */
4693
+ icon: {
4694
+ type: () => TtsIcon;
4695
+ default: string;
4696
+ };
4697
+ /** 비활성화 여부 */
4698
+ disabled: {
4699
+ type: BooleanConstructor;
4700
+ default: boolean;
4701
+ };
4702
+ /** CSS 클래스 */
4703
+ class: {
4704
+ type: StringConstructor;
4705
+ default: undefined;
4706
+ };
4707
+ }>, () => VNode<RendererNode, RendererElement, {
4708
+ [key: string]: any;
4709
+ }>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
4710
+ play: (text: string) => true;
4711
+ pause: () => true;
4712
+ end: () => true;
4713
+ error: (error: Error) => true;
4714
+ }, string, PublicProps, Readonly< ExtractPropTypes<{
4715
+ /** 읽어줄 텍스트 */
4716
+ text: {
4717
+ type: StringConstructor;
4718
+ required: true;
4719
+ };
4720
+ /** 레이블 텍스트 (미지정 시 아이콘만 표시) */
4721
+ label: {
4722
+ type: StringConstructor;
4723
+ default: undefined;
4724
+ };
4725
+ /** 버튼 크기 */
4726
+ size: {
4727
+ type: () => TtsSize;
4728
+ default: string;
4729
+ };
4730
+ /** 아이콘 타입 */
4731
+ icon: {
4732
+ type: () => TtsIcon;
4733
+ default: string;
4734
+ };
4735
+ /** 비활성화 여부 */
4736
+ disabled: {
4737
+ type: BooleanConstructor;
4738
+ default: boolean;
4739
+ };
4740
+ /** CSS 클래스 */
4741
+ class: {
4742
+ type: StringConstructor;
4743
+ default: undefined;
4744
+ };
4745
+ }>> & Readonly<{
4746
+ onError?: ((error: Error) => any) | undefined;
4747
+ onPause?: (() => any) | undefined;
4748
+ onPlay?: ((text: string) => any) | undefined;
4749
+ onEnd?: (() => any) | undefined;
4750
+ }>, {
4751
+ disabled: boolean;
4752
+ size: TtsSize;
4753
+ icon: TtsIcon;
4754
+ class: string;
4755
+ label: string;
4756
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
2060
4757
 
2061
4758
  /**
2062
4759
  * KRDS TTS 컴포넌트 이벤트