@krds.ui/angular 0.0.0-stage → 0.1.0

package/types/krds.ui-angular.d.ts

@@ -0,0 +1,3088 @@
+import * as i0 from "@angular/core";
+import { InjectionToken, Signal, TemplateRef } from "@angular/core";
+/**
+ * KRDS 아코디언 묶음. 한 번에 한 항목만 펼치고, 펼친 항목의 value를 `[(open)]`으로 주고받는다
+ *
+ * @example
+ * <div krdsAccordion [(open)]="openItem">
+ *   <krds-accordion-item value="fee" label="수수료가 있나요?">수수료는 없습니다.</krds-accordion-item>
+ *   <krds-accordion-item value="time" label="처리 기간은?">3일 이내입니다.</krds-accordion-item>
+ * </div>
+ */
+export declare class KrdsAccordion {
+  /** 펼친 항목의 value (없으면 모두 접힘) */
+  readonly open: import("@angular/core").ModelSignal<string | null>;
+  /** 라인 스타일 */
+  readonly typeLine: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 항목 제목의 수준 (2~6). 페이지의 제목 구조에 맞춰, 바로 위 제목보다 한 단계 아래로 둔다 */
+  readonly headingLevel: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** 펼친 항목을 다시 누르면 접고, 다른 항목을 누르면 그 항목만 펼친다 */
+  toggle(value: string): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsAccordion, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsAccordion, "[krdsAccordion]", never, {
+    "open": {
+      "alias": "open";
+      "required": false;
+      "isSignal": true;
+    };
+    "typeLine": {
+      "alias": "typeLine";
+      "required": false;
+      "isSignal": true;
+    };
+    "headingLevel": {
+      "alias": "headingLevel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "open": "openChange";
+  }, never, never, true, never>;
+}
+/**
+ * 아코디언 항목. 제목은 label로, 풍부한 제목은 `[krdsAccordionLabel]` 요소로 넣는다
+ */
+export declare class KrdsAccordionItem {
+  private readonly uid;
+  /** 항목 값 (없으면 자동 생성) */
+  readonly value: import("@angular/core").InputSignal<string>;
+  /** 제목 */
+  readonly label: import("@angular/core").InputSignal<string | undefined>;
+  protected readonly accordion: KrdsAccordion | null;
+  protected readonly headerId: string;
+  protected readonly collapseId: string;
+  protected readonly isOpen: import("@angular/core").Signal<boolean>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsAccordionItem, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsAccordionItem, "krds-accordion-item", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[krdsAccordionLabel]", "*"], true, never>;
+}
+/** 배지 형태 */
+export type KrdsBadgeType = 'outline' | 'bg' | 'bg-light';
+/** 배지 색 */
+export type KrdsBadgeColor = 'primary' | 'secondary' | 'gray' | 'point' | 'danger' | 'warning' | 'success' | 'information' | 'disabled';
+/** 배지 크기 */
+export type KrdsBadgeSize = 'small' | 'medium' | 'large';
+/**
+ * KRDS 배지. 기본 요소(보통 `<span>`)에 KRDS 클래스만 붙인다
+ *
+ * @example <span krdsBadge type="bg" color="danger" size="small">마감</span>
+ */
+export declare class KrdsBadge {
+  /** 형태 */
+  readonly type: import("@angular/core").InputSignal<KrdsBadgeType>;
+  /** 색 */
+  readonly color: import("@angular/core").InputSignal<KrdsBadgeColor>;
+  /** 크기 */
+  readonly size: import("@angular/core").InputSignal<KrdsBadgeSize>;
+  /** 숫자 배지 */
+  readonly number: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsBadge, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsBadge, "[krdsBadge]", never, {
+    "type": {
+      "alias": "type";
+      "required": false;
+      "isSignal": true;
+    };
+    "color": {
+      "alias": "color";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "number": {
+      "alias": "number";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** 브레드크럼 항목 */
+export interface KrdsBreadcrumbItem {
+  /** 문구 */
+  text: string;
+  /** 링크 주소 */
+  href?: string;
+}
+/** 브레드크럼 항목 클릭 이벤트 (라우터로 이동하려면 event.preventDefault()) */
+export interface KrdsBreadcrumbClick {
+  item: KrdsBreadcrumbItem;
+  event: MouseEvent;
+}
+/**
+ * KRDS 브레드크럼. 마지막 항목이 현재 페이지(aria-current="page")이고, 첫 항목은 홈 아이콘으로 보인다
+ *
+ * @example <nav krdsBreadcrumb [items]="[{ text: '홈', href: '/' }, { text: '민원 안내', href: '/guide' }, { text: '전입 신고' }]"></nav>
+ */
+export declare class KrdsBreadcrumb {
+  /** 항목 (마지막이 현재 페이지) */
+  readonly items: import("@angular/core").InputSignal<KrdsBreadcrumbItem[]>;
+  /** 내비게이션 이름 */
+  readonly label: import("@angular/core").InputSignal<string>;
+  /** 첫 항목을 홈 아이콘으로 */
+  readonly showHomeIcon: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 항목을 클릭했을 때 */
+  readonly itemClick: import("@angular/core").OutputEmitterRef<KrdsBreadcrumbClick>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsBreadcrumb, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsBreadcrumb, "nav[krdsBreadcrumb]", never, {
+    "items": {
+      "alias": "items";
+      "required": true;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "showHomeIcon": {
+      "alias": "showHomeIcon";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "itemClick": "itemClick";
+  }, never, never, true, never>;
+}
+/** 버튼 크기 (KRDS 실제 규격) */
+export type KrdsButtonSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+/** 버튼 변형 */
+export type KrdsButtonVariant = 'primary' | 'secondary' | 'tertiary';
+/**
+ * KRDS 버튼. 기본 `<button>`에 KRDS 클래스만 붙이므로 type·disabled·폼 제출·접근성은 기본 버튼 동작 그대로다
+ *
+ * @example <button krdsButton variant="secondary" size="large">확인</button>
+ */
+export declare class KrdsButton {
+  /** 버튼 변형 */
+  readonly variant: import("@angular/core").InputSignal<KrdsButtonVariant>;
+  /** 버튼 크기 */
+  readonly size: import("@angular/core").InputSignal<KrdsButtonSize | undefined>;
+  /** 아이콘 전용 버튼 */
+  readonly icon: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 테두리 스타일 (아이콘 버튼용) */
+  readonly border: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Pure 버튼 여부 (가상클래스 상태 시 컬러 유지) */
+  readonly pure: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 텍스트 버튼 스타일 */
+  readonly text: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsButton, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsButton, "button[krdsButton]", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "border": {
+      "alias": "border";
+      "required": false;
+      "isSignal": true;
+    };
+    "pure": {
+      "alias": "pure";
+      "required": false;
+      "isSignal": true;
+    };
+    "text": {
+      "alias": "text";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * 캐러셀 형태
+ * - `visual`: 비주얼 배너형 (이전/다음 버튼이 슬라이드 좌우에 겹침)
+ * - `banner`: 배너형 (인디케이터 안에 페이지네이션·재생 제어·내비게이션)
+ */
+export type KrdsCarouselVariant = 'visual' | 'banner';
+/** 페이지네이션 표시 방식 */
+export type KrdsCarouselPagination = 'bullets' | 'fraction' | 'none';
+/**
+ * 캐러셀의 슬라이드. 현재 슬라이드가 아니면 보조기기·초점에서 뺀다 (aria-hidden, inert)
+ */
+export declare class KrdsSlide {
+  private readonly carousel;
+  protected readonly active: import("@angular/core").Signal<boolean>;
+  protected readonly position: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsSlide, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsSlide, "li[krdsSlide]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * KRDS 캐러셀. 슬라이드는 `<li krdsSlide>`로 넣는다. 현재 위치는 `[(active)]`(0부터)로 주고받고,
+ * 자동 재생은 마우스를 올리거나 안에 초점이 있으면 멈춘다. 모션 최소화 설정이면 이동 효과를 없앤다
+ *
+ * @example
+ * <krds-carousel label="주요 서비스 안내" moreHref="/services">
+ *   @for (item of banners; track item.id) {
+ *     <li krdsSlide><div class="in">...</div></li>
+ *   }
+ * </krds-carousel>
+ */
+export declare class KrdsCarousel {
+  /** 형태 */
+  readonly variant: import("@angular/core").InputSignal<KrdsCarouselVariant>;
+  /** 현재 슬라이드 위치 (0부터) */
+  readonly active: import("@angular/core").ModelSignal<number>;
+  /** 처음·끝에서 이어서 순환 */
+  readonly loop: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 자동 재생 (재생·멈춤 버튼 표시) */
+  readonly autoplay: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 자동 재생 간격 (ms) */
+  readonly autoplayDelay: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** 마우스를 올리면 자동 재생을 멈춤 */
+  readonly pauseOnHover: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 이동 시간 (ms) */
+  readonly speed: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** 슬라이드 간격 (px, 기본: 비주얼 0, 배너 16) */
+  readonly spaceBetween: import("@angular/core").InputSignal<number | undefined>;
+  /** 페이지네이션 (기본: 비주얼 bullets, 배너 fraction) */
+  readonly pagination: import("@angular/core").InputSignal<KrdsCarouselPagination | undefined>;
+  /** 이전/다음 버튼 */
+  readonly navigation: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 더 보기 링크 주소 */
+  readonly moreHref: import("@angular/core").InputSignal<string | undefined>;
+  /** 캐러셀 이름 (aria-label) */
+  readonly label: import("@angular/core").InputSignal<string>;
+  readonly prevLabel: import("@angular/core").InputSignal<string>;
+  readonly nextLabel: import("@angular/core").InputSignal<string>;
+  readonly playLabel: import("@angular/core").InputSignal<string>;
+  readonly stopLabel: import("@angular/core").InputSignal<string>;
+  readonly moreLabel: import("@angular/core").InputSignal<string>;
+  /** 자동 재생을 시작했을 때 */
+  readonly play: import("@angular/core").OutputEmitterRef<void>;
+  /** 자동 재생을 멈췄을 때 */
+  readonly stop: import("@angular/core").OutputEmitterRef<void>;
+  protected readonly wrapperId: string;
+  protected readonly slides: import("@angular/core").Signal<readonly KrdsSlide[]>;
+  readonly total: import("@angular/core").Signal<number>;
+  /** 슬라이드 수에 맞춘 현재 위치 */
+  readonly current: import("@angular/core").Signal<number>;
+  protected readonly gap: import("@angular/core").Signal<number>;
+  protected readonly paginationType: import("@angular/core").Signal<KrdsCarouselPagination>;
+  protected readonly playing: import("@angular/core").WritableSignal<boolean>;
+  protected readonly hoverPaused: import("@angular/core").WritableSignal<boolean>;
+  protected readonly focusPaused: import("@angular/core").WritableSignal<boolean>;
+  protected readonly reducedMotion: import("@angular/core").WritableSignal<boolean>;
+  private readonly browser;
+  constructor();
+  /** 슬라이드의 위치 (없으면 -1) */
+  indexOf(slide: KrdsSlide): number;
+  protected goTo(index: number): void;
+  protected setPlaying(playing: boolean): void;
+  protected navDisabled(direction: 'prev' | 'next'): boolean;
+  protected overlayStyle(direction: 'prev' | 'next'): string;
+  protected onFocusout(event: FocusEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsCarousel, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsCarousel, "krds-carousel", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "active": {
+      "alias": "active";
+      "required": false;
+      "isSignal": true;
+    };
+    "loop": {
+      "alias": "loop";
+      "required": false;
+      "isSignal": true;
+    };
+    "autoplay": {
+      "alias": "autoplay";
+      "required": false;
+      "isSignal": true;
+    };
+    "autoplayDelay": {
+      "alias": "autoplayDelay";
+      "required": false;
+      "isSignal": true;
+    };
+    "pauseOnHover": {
+      "alias": "pauseOnHover";
+      "required": false;
+      "isSignal": true;
+    };
+    "speed": {
+      "alias": "speed";
+      "required": false;
+      "isSignal": true;
+    };
+    "spaceBetween": {
+      "alias": "spaceBetween";
+      "required": false;
+      "isSignal": true;
+    };
+    "pagination": {
+      "alias": "pagination";
+      "required": false;
+      "isSignal": true;
+    };
+    "navigation": {
+      "alias": "navigation";
+      "required": false;
+      "isSignal": true;
+    };
+    "moreHref": {
+      "alias": "moreHref";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "prevLabel": {
+      "alias": "prevLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "nextLabel": {
+      "alias": "nextLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "playLabel": {
+      "alias": "playLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "stopLabel": {
+      "alias": "stopLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "moreLabel": {
+      "alias": "moreLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "active": "activeChange";
+    "play": "play";
+    "stop": "stop";
+  }, ["slides"], ["*"], true, never>;
+}
+/** 안쪽 입력 요소에 도움말·오류 상태를 연결하는 부모 (폼 그룹) */
+export interface KrdsField {
+  /** 도움말 요소 id (없으면 null) */
+  readonly describedBy: Signal<string | null>;
+  /** 오류 상태 여부 */
+  readonly invalid: Signal<boolean>;
+}
+export declare const KRDS_FIELD: InjectionToken<KrdsField>;
+/**
+ * KRDS 폼 컴포넌트(체크박스·라디오·토글 스위치·폼 그룹 등)에 넣는 기본 입력 요소 표시.
+ * 감싸는 컴포넌트가 이 요소의 id로 label을 연결하고, 입력 요소 자체는 기본 동작(ngModel·폼 검증 포함) 그대로 쓴다.
+ * 폼 그룹 안에서는 도움말을 aria-describedby로, 오류 상태를 aria-invalid로 연결한다
+ *
+ * @example <krds-checkbox><input type="checkbox" krdsControl [(ngModel)]="agree" />동의합니다</krds-checkbox>
+ */
+export declare class KrdsControl {
+  /** 요소 id (없으면 자동 생성) */
+  readonly id: import("@angular/core").InputSignal<string>;
+  protected readonly field: KrdsField | null;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsControl, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsControl, "[krdsControl]", never, {
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** 체크박스·라디오 버튼 크기 */
+export type KrdsCheckboxSize = 'medium' | 'large';
+/**
+ * KRDS 체크박스·라디오 버튼. 안에 넣은 `<input krdsControl>` 뒤에 label을 붙여 연결한다.
+ * 선택 상태·name·value·disabled는 기본 input에 그대로 쓴다 (`[(ngModel)]`, `formControlName` 포함)
+ *
+ * @example
+ * <krds-checkbox description="부가 설명">
+ *   <input type="checkbox" krdsControl [(ngModel)]="agree" />
+ *   개인정보 수집에 동의합니다
+ * </krds-checkbox>
+ * <krds-radio><input type="radio" krdsControl name="method" value="email" [(ngModel)]="method" />이메일</krds-radio>
+ */
+export declare class KrdsCheckbox {
+  /** 크기 */
+  readonly size: import("@angular/core").InputSignal<KrdsCheckboxSize>;
+  /** Chip 스타일 */
+  readonly chip: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 레이블 아래 부가 설명 (Chip 스타일에서는 표시하지 않음) */
+  readonly description: import("@angular/core").InputSignal<string | undefined>;
+  protected readonly control: import("@angular/core").Signal<KrdsControl>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsCheckbox, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsCheckbox, "krds-checkbox, krds-radio", never, {
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "chip": {
+      "alias": "chip";
+      "required": false;
+      "isSignal": true;
+    };
+    "description": {
+      "alias": "description";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["control"], ["[krdsControl]", "*"], true, never>;
+}
+/** 라디오 버튼 (마크업이 체크박스와 같아 같은 컴포넌트) */
+export declare const KrdsRadio: typeof KrdsCheckbox;
+/**
+ * 체크박스·라디오 버튼 묶음. 기본은 가로, `column`이면 세로로 배치한다
+ *
+ * @example <fieldset krdsCheckArea column><legend>수신 방법</legend>...</fieldset>
+ */
+export declare class KrdsCheckArea {
+  /** 세로(컬럼) 배치 */
+  readonly column: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsCheckArea, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsCheckArea, "[krdsCheckArea]", never, {
+    "column": {
+      "alias": "column";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** 코치마크 단계 */
+export interface KrdsCoachMarkStep {
+  id: number;
+  title: string;
+  description: string;
+}
+/**
+ * KRDS 코치마크. 화면의 한 단계 옆에 두고, 현재 단계(`[(current)]`)가 이 코치마크의 단계(`step`)이면 안내 말풍선을 보인다.
+ * 말풍선의 이전으로·다음으로가 current를 바꾸고(새 단계의 말풍선 제목으로 초점을 옮김), 그만보기는 `(closed)`로 알린다
+ *
+ * @example
+ * <krds-coach-mark [steps]="steps" [step]="1" [(current)]="current" (closed)="current.set(null)">
+ *   <div class="coach-box">안내할 영역</div>
+ * </krds-coach-mark>
+ */
+export declare class KrdsCoachMark {
+  /** 전체 단계 */
+  readonly steps: import("@angular/core").InputSignal<KrdsCoachMarkStep[]>;
+  /** 이 코치마크가 맡은 단계 번호 (1부터) */
+  readonly step: import("@angular/core").InputSignal<number>;
+  /** 지금 보이는 단계 번호 (없으면 null) */
+  readonly current: import("@angular/core").ModelSignal<number | null>;
+  /** 그만보기를 눌렀을 때 */
+  readonly closed: import("@angular/core").OutputEmitterRef<void>;
+  private readonly document;
+  private readonly title;
+  constructor();
+  protected readonly stepData: import("@angular/core").Signal<KrdsCoachMarkStep>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsCoachMark, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsCoachMark, "krds-coach-mark", never, {
+    "steps": {
+      "alias": "steps";
+      "required": true;
+      "isSignal": true;
+    };
+    "step": {
+      "alias": "step";
+      "required": true;
+      "isSignal": true;
+    };
+    "current": {
+      "alias": "current";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "current": "currentChange";
+    "closed": "closed";
+  }, never, ["*"], true, never>;
+}
+/** 맥락적 도움말이 펼쳐지는 위치 */
+export type KrdsContextualHelpPosition = 'top left' | 'top center' | 'top right' | 'bottom left' | 'bottom center' | 'bottom right';
+/**
+ * KRDS 맥락적 도움말. 도움말 버튼을 누르면 제목·설명·링크가 있는 팝오버를 열고 그 안의 첫 조작 요소로 초점을 옮긴다.
+ * 닫기 버튼·Esc는 닫고 초점을 도움말 버튼으로 돌려주며, 바깥을 누르면 닫는다
+ *
+ * @example
+ * <krds-contextual-help heading="신청 자격" position="bottom left">
+ *   <p>만 19세 이상 국민이면 신청할 수 있습니다.</p>
+ *   <div class="btn-wrap"><a class="krds-btn xsmall link basic" href="/guide">바로가기</a></div>
+ * </krds-contextual-help>
+ */
+export declare class KrdsContextualHelp {
+  /** 도움말 제목 (title 속성은 기본 툴팁이 되므로 heading으로 받음) */
+  readonly heading: import("@angular/core").InputSignal<string>;
+  /** 물음표 모양 도움 아이콘 (기본은 정보 아이콘) */
+  readonly helpIcon: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 펼쳐지는 위치 */
+  readonly position: import("@angular/core").InputSignal<KrdsContextualHelpPosition>;
+  protected readonly open: import("@angular/core").WritableSignal<boolean>;
+  protected readonly popoverId: string;
+  private readonly trigger;
+  private readonly popover;
+  private readonly action;
+  private readonly document;
+  private readonly injector;
+  private readonly closeOthers;
+  constructor();
+  protected toggle(): void;
+  /** 닫기. 닫기 버튼·Esc는 초점을 도움말 버튼으로 돌려준다 (팝오버가 숨으며 초점을 잃지 않게) */
+  protected close(returnFocus: boolean): void;
+  protected onDocumentClick(event: MouseEvent): void;
+  /** 모바일에서는 화면 폭에 맞춰 펼친다 */
+  protected adjustPosition(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsContextualHelp, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsContextualHelp, "krds-contextual-help", never, {
+    "heading": {
+      "alias": "heading";
+      "required": true;
+      "isSignal": true;
+    };
+    "helpIcon": {
+      "alias": "helpIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "position": {
+      "alias": "position";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+/** 긴급 공지 종류 */
+export type KrdsCriticalAlertType = 'danger' | 'ok' | 'info';
+/**
+ * KRDS 긴급 공지. 종류 배지(긴급·안전·안내), 문구, 자세히 보기 링크를 보여 준다 (링크 클릭은 기본 click으로 받음)
+ *
+ * @example <krds-critical-alerts type="danger" message="폭우로 일부 지역 도로가 통제됩니다." linkHref="/notice/1" />
+ */
+export declare class KrdsCriticalAlerts {
+  /** 종류 */
+  readonly type: import("@angular/core").InputSignal<KrdsCriticalAlertType>;
+  /** 공지 문구 */
+  readonly message: import("@angular/core").InputSignal<string>;
+  /** 자세히 보기 링크 주소 */
+  readonly linkHref: import("@angular/core").InputSignal<string | undefined>;
+  /** 자세히 보기 링크 문구 (모바일에서는 숨김) */
+  readonly linkText: import("@angular/core").InputSignal<string>;
+  protected readonly badgeText: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsCriticalAlerts, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsCriticalAlerts, "krds-critical-alerts", never, {
+    "type": {
+      "alias": "type";
+      "required": false;
+      "isSignal": true;
+    };
+    "message": {
+      "alias": "message";
+      "required": true;
+      "isSignal": true;
+    };
+    "linkHref": {
+      "alias": "linkHref";
+      "required": false;
+      "isSignal": true;
+    };
+    "linkText": {
+      "alias": "linkText";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+interface CalendarDay {
+  day: number;
+  dateString: string;
+  isCurrentMonth: boolean;
+  isToday: boolean;
+  isPrevMonth: boolean;
+  isNextMonth: boolean;
+  isSunday: boolean;
+}
+type SwitchType = 'year' | 'month';
+/**
+ * KRDS 날짜 입력 필드. 안에 넣은 `<input krdsInput>` 옆에 달력 버튼과 달력을 붙인다.
+ * 직접 입력은 기본 input 그대로이고, 달력에서 고른 날짜(기간이면 'YYYY.MM.DD ~ YYYY.MM.DD')는 input에 넣고 input 이벤트로 알리므로
+ * `[(ngModel)]`·`formControlName`이 그대로 값을 받는다
+ *
+ * @example
+ * <krds-form-group label="신청일">
+ *   <krds-date-input [holidays]="['2025.03.01']">
+ *     <input krdsInput placeholder="YYYY.MM.DD" [(ngModel)]="date" />
+ *   </krds-date-input>
+ * </krds-form-group>
+ */
+export declare class KrdsDateInput {
+  /** 일정이 있는 날짜 (YYYY.MM.DD) */
+  readonly eventDates: import("@angular/core").InputSignal<string[]>;
+  /** 휴일 (YYYY.MM.DD, 일요일은 기본으로 휴일 표시) */
+  readonly holidays: import("@angular/core").InputSignal<string[]>;
+  /** 처음 보여 줄 연도 (기본: 올해) */
+  readonly initialYear: import("@angular/core").InputSignal<number | undefined>;
+  /** 처음 보여 줄 월 1~12 (기본: 이번 달) */
+  readonly initialMonth: import("@angular/core").InputSignal<number | undefined>;
+  protected readonly weekdays: string[];
+  protected readonly switchTypes: SwitchType[];
+  protected readonly pad: (n: number) => string;
+  private readonly today;
+  protected readonly todayString: string;
+  protected readonly open: import("@angular/core").WritableSignal<boolean>;
+  protected readonly dropdown: import("@angular/core").WritableSignal<SwitchType | null>;
+  protected readonly openUpward: import("@angular/core").WritableSignal<boolean>;
+  protected readonly disabled: import("@angular/core").WritableSignal<boolean>;
+  protected readonly year: import("@angular/core").WritableSignal<number>;
+  protected readonly month: import("@angular/core").WritableSignal<number>;
+  private readonly start;
+  private readonly end;
+  private readonly control;
+  private readonly controlEl;
+  private readonly toggle;
+  private readonly wrap;
+  private readonly host;
+  private readonly injector;
+  private readonly destroyRef;
+  protected readonly buttonSize: import("@angular/core").Signal<import("@krds.ui/angular").KrdsInputSize>;
+  protected readonly grid: import("@angular/core").Signal<CalendarDay[][]>;
+  private readonly closeOthers;
+  constructor();
+  protected current(type: SwitchType): number;
+  protected options(type: SwitchType): number[];
+  protected format(type: SwitchType, value: number): string;
+  protected pick(type: SwitchType, value: number, switchButton: HTMLButtonElement): void;
+  protected openCalendar(): void;
+  /** 닫기. 취소·확인·Esc·달력 버튼은 초점을 달력 버튼으로 돌려주고, 바깥 클릭과 다른 달력 열기는 초점을 그대로 둔다 */
+  protected close(returnFocus: boolean): void;
+  protected onEscape(): void;
+  protected onDocumentClick(event: MouseEvent): void;
+  protected moveMonth(delta: number): void;
+  /** 첫 클릭은 시작일, 다음 클릭은 종료일 (시작일보다 앞이면 시작일을 다시 정함) */
+  protected selectDate(dateString: string, single?: boolean): void;
+  protected range(dateString: string): {
+    isInRange: boolean;
+    isStart: boolean;
+    isEnd: boolean;
+  };
+  protected cellClasses(day: CalendarDay): string;
+  protected confirm(): void;
+  private updatePlacement;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsDateInput, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsDateInput, "krds-date-input", never, {
+    "eventDates": {
+      "alias": "eventDates";
+      "required": false;
+      "isSignal": true;
+    };
+    "holidays": {
+      "alias": "holidays";
+      "required": false;
+      "isSignal": true;
+    };
+    "initialYear": {
+      "alias": "initialYear";
+      "required": false;
+      "isSignal": true;
+    };
+    "initialMonth": {
+      "alias": "initialMonth";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["control", "controlEl"], ["*"], true, never>;
+}
+/**
+ * KRDS 디스클로저. 버튼으로 내용을 펼치고 접는다. 접힌 내용은 inert로 초점과 화면낭독기에서 뺀다
+ *
+ * @example <krds-disclosure label="신청 자격 자세히 보기" [(expanded)]="open">만 19세 이상...</krds-disclosure>
+ */
+export declare class KrdsDisclosure {
+  /** 펼침 버튼 문구 (title 속성은 기본 툴팁이 되므로 label로 받음) */
+  readonly label: import("@angular/core").InputSignal<string>;
+  /** 펼침 여부 */
+  readonly expanded: import("@angular/core").ModelSignal<boolean>;
+  protected readonly contentId: string;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsDisclosure, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsDisclosure, "krds-disclosure", never, {
+    "label": {
+      "alias": "label";
+      "required": true;
+      "isSignal": true;
+    };
+    "expanded": {
+      "alias": "expanded";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "expanded": "expandedChange";
+  }, never, ["*"], true, never>;
+}
+/** 드롭다운 메뉴 위치 (center는 넘치면 자동으로 좌우를 맞춤) */
+export type KrdsDropdownPosition = 'center' | 'left' | 'right';
+/**
+ * KRDS 드롭다운. KRDS 마크업(.drop-btn 버튼과 .drop-menu)에 붙이면 버튼으로 열고 닫고(aria-expanded),
+ * Esc는 닫고 버튼으로 초점을 돌려주며, 바깥 클릭·초점 이탈로 닫는다. 메뉴가 화면 밖으로 넘치면 좌우 위치를 맞춘다
+ *
+ * @example
+ * <div krdsDropdown>
+ *   <button type="button" class="krds-btn small text drop-btn">메뉴명 <i class="svg-icon ico-toggle"></i></button>
+ *   <div class="drop-menu"><div class="drop-in"><ul class="drop-list"><li><a href="/a" class="item-link">메뉴</a></li></ul></div></div>
+ * </div>
+ */
+export declare class KrdsDropdown {
+  /** 열림 */
+  readonly open: import("@angular/core").ModelSignal<boolean>;
+  /** 메뉴 위치 */
+  readonly position: import("@angular/core").InputSignal<KrdsDropdownPosition>;
+  private readonly host;
+  private readonly autoSide;
+  protected readonly side: import("@angular/core").Signal<KrdsDropdownPosition | null>;
+  constructor();
+  private button;
+  /** 열고 닫기 */
+  toggle(): void;
+  /** 닫기 (returnFocus면 버튼으로 초점) */
+  close(returnFocus?: boolean): void;
+  protected onClick(event: MouseEvent): void;
+  /** 원본처럼 초점을 받은 항목을 위로 올려 초점 테두리가 이웃 항목에 가리지 않게 한다 */
+  protected onFocusin(event: FocusEvent): void;
+  /** 초점이 밖으로 옮겨 가면 닫는다. 갈 곳 없이 빠진 초점(다른 창으로 전환 등)은 무시하고, 빈 곳 클릭은 문서 클릭으로 닫는다 */
+  protected onFocusout(event: FocusEvent): void;
+  protected onDocumentClick(event: MouseEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsDropdown, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsDropdown, "[krdsDropdown]", ["krdsDropdown"], {
+    "open": {
+      "alias": "open";
+      "required": false;
+      "isSignal": true;
+    };
+    "position": {
+      "alias": "position";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "open": "openChange";
+  }, never, never, true, never>;
+}
+/** 파일 업로드 목록의 파일 */
+export interface KrdsFileInfo {
+  /** 파일 id */
+  id: string;
+  /** 파일 객체 */
+  file: File;
+  /** 파일명 */
+  name: string;
+  /** 파일 크기 (bytes) */
+  size: number;
+  /** 파일 타입 (MIME) */
+  type: string;
+  /** 업로드 상태 (업로드는 사용하는 쪽에서 처리하고 상태만 바꿔 넘긴다) */
+  status: 'pending' | 'uploading' | 'completed' | 'error';
+  /** 오류 문구 */
+  errorMessage?: string;
+  /** 다운로드 주소 (있으면 다운로드·바로보기 버튼) */
+  downloadUrl?: string;
+}
+/** 파일 검사 실패 이벤트 */
+export interface KrdsFileError {
+  file: KrdsFileInfo;
+  error: string;
+}
+/** 파일 선택 버튼 크기 */
+export type KrdsFileUploadSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+/**
+ * KRDS 파일 업로드. 파일을 끌어다 놓거나 파일선택 버튼으로 고르면 크기·형식·개수를 검사해 목록(`[(files)]`)에 넣는다.
+ * 실제 업로드는 사용하는 쪽에서 처리하고, 파일의 status·downloadUrl을 바꿔 넘기면 상태별 버튼을 보여 준다
+ *
+ * @example <krds-file-upload heading="증빙 서류" accept=".pdf,.jpg" [maxFiles]="3" [(files)]="files" />
+ */
+export declare class KrdsFileUpload {
+  /** 파일 목록 */
+  readonly files: import("@angular/core").ModelSignal<KrdsFileInfo[]>;
+  /** 제목 (기본 title 속성과 겹쳐 툴팁이 뜨지 않게 heading으로 받음) */
+  readonly heading: import("@angular/core").InputSignal<string | undefined>;
+  /** 설명 */
+  readonly description: import("@angular/core").InputSignal<string | undefined>;
+  /** 끌어다 놓는 영역의 안내 문구 */
+  readonly placeholder: import("@angular/core").InputSignal<string>;
+  /** 파일선택 버튼 크기 */
+  readonly size: import("@angular/core").InputSignal<KrdsFileUploadSize>;
+  /** 허용 파일 형식 (예: '.jpg,.png,.pdf', 'image/*') */
+  readonly accept: import("@angular/core").InputSignal<string | undefined>;
+  /** 최대 파일 개수 (오류 항목은 세지 않음) */
+  readonly maxFiles: import("@angular/core").InputSignal<number>;
+  /** 최대 파일 크기 (bytes, 이 크기 이상이면 오류) */
+  readonly maxFileSize: import("@angular/core").InputSignal<number>;
+  /** 여러 파일 선택 (끄면 새 파일이 기존 파일을 대체) */
+  readonly multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 비활성화 */
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 읽기 전용 (추가·삭제 없이 다운로드·바로보기만) */
+  readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 끌어다 놓기 */
+  readonly dragAndDrop: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 다운로드 버튼 표시 */
+  readonly showDownload: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 바로보기 버튼 표시 */
+  readonly showPreviewButton: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 전체 파일 삭제 버튼 표시 */
+  readonly showClearAll: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 파일 input의 name */
+  readonly name: import("@angular/core").InputSignal<string>;
+  /** 파일을 추가했을 때 */
+  readonly fileAdded: import("@angular/core").OutputEmitterRef<KrdsFileInfo>;
+  /** 파일을 삭제했을 때 (파일 id) */
+  readonly fileRemoved: import("@angular/core").OutputEmitterRef<string>;
+  /** 추가한 파일이 검사(크기·형식)에 실패했을 때 */
+  readonly fileError: import("@angular/core").OutputEmitterRef<KrdsFileError>;
+  /** 전체 파일 삭제 버튼을 눌렀을 때 */
+  readonly cleared: import("@angular/core").OutputEmitterRef<void>;
+  /** 파일의 다운로드 버튼을 눌렀을 때 */
+  readonly download: import("@angular/core").OutputEmitterRef<KrdsFileInfo>;
+  /** 파일의 바로보기 버튼을 눌렀을 때 */
+  readonly preview: import("@angular/core").OutputEmitterRef<KrdsFileInfo>;
+  protected readonly inputId: string;
+  protected readonly dragOver: import("@angular/core").WritableSignal<boolean>;
+  protected readonly validCount: import("@angular/core").Signal<number>;
+  private get locked();
+  protected lines(message: string): string[];
+  protected fileName(file: KrdsFileInfo): string;
+  private validate;
+  private addFiles;
+  protected onFileChange(input: HTMLInputElement): void;
+  protected onDragOver(event: DragEvent): void;
+  protected onDrop(event: DragEvent): void;
+  protected removeFile(id: string): void;
+  protected clearAll(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsFileUpload, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsFileUpload, "krds-file-upload", never, {
+    "files": {
+      "alias": "files";
+      "required": false;
+      "isSignal": true;
+    };
+    "heading": {
+      "alias": "heading";
+      "required": false;
+      "isSignal": true;
+    };
+    "description": {
+      "alias": "description";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "accept": {
+      "alias": "accept";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxFiles": {
+      "alias": "maxFiles";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxFileSize": {
+      "alias": "maxFileSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "multiple": {
+      "alias": "multiple";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "readonly": {
+      "alias": "readonly";
+      "required": false;
+      "isSignal": true;
+    };
+    "dragAndDrop": {
+      "alias": "dragAndDrop";
+      "required": false;
+      "isSignal": true;
+    };
+    "showDownload": {
+      "alias": "showDownload";
+      "required": false;
+      "isSignal": true;
+    };
+    "showPreviewButton": {
+      "alias": "showPreviewButton";
+      "required": false;
+      "isSignal": true;
+    };
+    "showClearAll": {
+      "alias": "showClearAll";
+      "required": false;
+      "isSignal": true;
+    };
+    "name": {
+      "alias": "name";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "files": "filesChange";
+    "fileAdded": "fileAdded";
+    "fileRemoved": "fileRemoved";
+    "fileError": "fileError";
+    "cleared": "cleared";
+    "download": "download";
+    "preview": "preview";
+  }, never, never, true, never>;
+}
+/** 플로팅 버튼 항목 (단일형 버튼·확장형 항목 공통) */
+export interface KrdsFloatingButtonItem {
+  /** 버튼 이름 (레이블) */
+  label: string;
+  /** 아이콘 클래스 (예: 'ico-faq') */
+  icon: string;
+  /** 링크 주소 (없으면 버튼으로 렌더링) */
+  href?: string;
+  /** 링크를 새 창으로 열기 ('새 창 열림' 안내 포함) */
+  external?: boolean;
+}
+/** 확장형 항목 선택 이벤트 (링크 항목은 event.preventDefault()로 라우터 이동 가능) */
+export interface KrdsFloatingButtonSelect {
+  item: KrdsFloatingButtonItem;
+  index: number;
+  event: MouseEvent;
+}
+/**
+ * KRDS 플로팅 버튼. 화면에서 가장 자주 쓰는 중요한 작업을 화면 오른쪽 아래에 고정해 보여 준다.
+ * `items`가 없으면 단일형(아이콘 + 레이블, 클릭은 기본 `(click)`으로 받음),
+ * 있으면 확장형(+ 버튼으로 항목을 펼치고 X로 닫음, 선택은 `(itemSelect)`)이다
+ *
+ * @example
+ * <krds-floating-button label="채팅 상담" icon="ico-faq" (click)="openChat()" />
+ * <krds-floating-button label="상담 메뉴" [items]="items" (itemSelect)="onSelect($event)" />
+ */
+export declare class KrdsFloatingButton {
+  /** 단일형 버튼의 레이블, 확장형은 확장 버튼의 이름 (화면에는 숨김) */
+  readonly label: import("@angular/core").InputSignal<string>;
+  /** 단일형 버튼의 아이콘 클래스 */
+  readonly icon: import("@angular/core").InputSignal<string>;
+  /** 단일형 버튼의 링크 주소 */
+  readonly href: import("@angular/core").InputSignal<string | undefined>;
+  /** 단일형 링크를 새 창으로 열기 ('새 창 열림' 안내 포함) */
+  readonly external: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 단일형 레이블을 화면에서 숨김 (아이콘만 표시, 화면낭독기는 읽음) */
+  readonly hideLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 확장형 항목 (지정하면 확장형, 3개 이하 권장) */
+  readonly items: import("@angular/core").InputSignal<KrdsFloatingButtonItem[] | undefined>;
+  /** 확장형 항목을 선택했을 때 */
+  readonly itemSelect: import("@angular/core").OutputEmitterRef<KrdsFloatingButtonSelect>;
+  protected readonly open: import("@angular/core").WritableSignal<boolean>;
+  protected readonly listId: string;
+  protected readonly single: import("@angular/core").Signal<KrdsFloatingButtonItem>;
+  private readonly host;
+  private readonly document;
+  private readonly toggle;
+  protected close(returnFocus?: boolean): void;
+  protected onFocusout(event: FocusEvent): void;
+  protected onAction(item: KrdsFloatingButtonItem, index: number | undefined, event: MouseEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsFloatingButton, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsFloatingButton, "krds-floating-button", never, {
+    "label": {
+      "alias": "label";
+      "required": true;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "href": {
+      "alias": "href";
+      "required": false;
+      "isSignal": true;
+    };
+    "external": {
+      "alias": "external";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideLabel": {
+      "alias": "hideLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "itemSelect": "itemSelect";
+  }, never, never, true, never>;
+}
+/** 푸터 위쪽 관련 사이트 영역 (`<div krdsFooterTop>`) */
+export declare class KrdsFooterTop {
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsFooterTop, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsFooterTop, "[krdsFooterTop]", never, {}, {}, never, ["*"], true, never>;
+}
+/** 푸터 로고 영역 */
+export declare class KrdsFooterLogo {
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsFooterLogo, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsFooterLogo, "[krdsFooterLogo]", never, {}, {}, never, never, true, never>;
+}
+/** 푸터 기관 정보·링크 영역 */
+export declare class KrdsFooterContent {
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsFooterContent, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsFooterContent, "[krdsFooterContent]", never, {}, {}, never, never, true, never>;
+}
+/** 푸터 아래쪽 정책 링크·저작권 영역 */
+export declare class KrdsFooterBottom {
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsFooterBottom, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsFooterBottom, "[krdsFooterBottom]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * KRDS 푸터. 기본 `<footer>`(contentinfo 랜드마크)에 붙여 영역을 KRDS 구조로 배치한다
+ *
+ * @example
+ * <footer krdsFooter>
+ *   <div krdsFooterTop>...</div>
+ *   <div krdsFooterLogo><span class="sr-only">기관명</span></div>
+ *   <div krdsFooterContent>...</div>
+ *   <div krdsFooterBottom>...</div>
+ * </footer>
+ */
+export declare class KrdsFooter {
+  /** id (KRDS CSS 기준 krds-footer) */
+  readonly id: import("@angular/core").InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsFooter, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsFooter, "footer[krdsFooter]", never, {
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[krdsFooterTop]", "[krdsFooterLogo]", "[krdsFooterContent]", "[krdsFooterBottom]"], true, never>;
+}
+/** 입력 상태 (도움말 문구 색과 입력 필드 테두리) */
+export type KrdsFormGroupState = 'default' | 'error' | 'success' | 'information';
+/**
+ * KRDS 폼 그룹. 레이블, 입력 영역(.form-conts), 도움말을 묶고, 안에 든 입력 요소(`krdsInput`·`krdsSelect`·`krdsControl`)에
+ * label `for`, 도움말 `aria-describedby`, 오류 상태 `aria-invalid`를 자동으로 연결한다.
+ * 입력 요소 하나를 위한 묶음이다. 체크박스·라디오 여러 개는 `<fieldset krdsCheckArea>`와 legend로 묶는다
+ *
+ * @example
+ * <krds-form-group label="이메일" hint="이메일 형식이 올바르지 않습니다" state="error">
+ *   <input krdsInput type="email" [(ngModel)]="email" />
+ * </krds-form-group>
+ */
+export declare class KrdsFormGroup implements KrdsField {
+  /** 레이블 */
+  readonly label: import("@angular/core").InputSignal<string | undefined>;
+  /** 도움말 (state에 따라 오류·성공·안내 문구) */
+  readonly hint: import("@angular/core").InputSignal<string | undefined>;
+  /** 입력 상태 */
+  readonly state: import("@angular/core").InputSignal<KrdsFormGroupState>;
+  /** 입력 필드 안에 버튼을 둠 (비밀번호 보기·내용 삭제 등) */
+  readonly withButton: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 값이 있을 때만 내용 삭제 버튼(.btn-delete-input)을 보임 */
+  readonly deleteButton: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 입력 필드 안에 로딩 스피너 표시 (데이터를 불러오거나 검증하는 중) */
+  readonly loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly control: import("@angular/core").Signal<KrdsControl | undefined>;
+  protected readonly hintId: string;
+  protected readonly hintClass: import("@angular/core").Signal<string>;
+  readonly describedBy: import("@angular/core").Signal<string | null>;
+  readonly invalid: import("@angular/core").Signal<boolean>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsFormGroup, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsFormGroup, "krds-form-group", never, {
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "hint": {
+      "alias": "hint";
+      "required": false;
+      "isSignal": true;
+    };
+    "state": {
+      "alias": "state";
+      "required": false;
+      "isSignal": true;
+    };
+    "withButton": {
+      "alias": "withButton";
+      "required": false;
+      "isSignal": true;
+    };
+    "deleteButton": {
+      "alias": "deleteButton";
+      "required": false;
+      "isSignal": true;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["control"], ["*"], true, never>;
+}
+/** 헤더 위쪽 유틸리티 영역 (`<div krdsHeaderUtility>`) */
+export declare class KrdsHeaderUtility {
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsHeaderUtility, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsHeaderUtility, "[krdsHeaderUtility]", never, {}, {}, never, never, true, never>;
+}
+/** 헤더 로고·주요 버튼 영역 (`<div krdsHeaderBranding>`) */
+export declare class KrdsHeaderBranding {
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsHeaderBranding, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsHeaderBranding, "[krdsHeaderBranding]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * KRDS 헤더. 기본 `<header>`(banner 랜드마크)에 붙여 KRDS 구조로 배치한다.
+ * 유틸리티·브랜딩은 `[krdsHeaderUtility]`·`[krdsHeaderBranding]`, PC 메뉴는 그냥 넣고, 모바일 드로어는 `krdsHeaderMobile` 속성을 붙여 넣는다
+ *
+ * @example
+ * <header krdsHeader>
+ *   <div krdsHeaderUtility>...</div>
+ *   <div krdsHeaderBranding><h2 class="logo">...</h2></div>
+ *   <krds-main-menu [items]="menu" />
+ *   <krds-main-menu krdsHeaderMobile variant="mobile" [items]="menu" [(open)]="menuOpen" />
+ * </header>
+ */
+export declare class KrdsHeader {
+  /** id (KRDS CSS 기준 krds-header) */
+  readonly id: import("@angular/core").InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsHeader, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsHeader, "header[krdsHeader]", never, {
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[krdsHeaderUtility]", "[krdsHeaderBranding]", "*", "[krdsHeaderMobile]"], true, never>;
+}
+/**
+ * KRDS 운영기관 식별자. 누리집을 운영하는 기관을 알린다
+ *
+ * @example <div krdsIdentifier>이 누리집은 보건복지부 누리집입니다.</div>
+ */
+export declare class KrdsIdentifier {
+  /** 로고 이름 (화면낭독기) */
+  readonly logoLabel: import("@angular/core").InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsIdentifier, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsIdentifier, "[krdsIdentifier]", never, {
+    "logoLabel": {
+      "alias": "logoLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+/**
+ * KRDS 이미지. 기본 `<img>`에 KRDS 클래스를 붙이고 기본으로 지연 로딩한다.
+ * 개발 모드에서는 대체 텍스트(alt)가 역할을 되풀이하거나('…사진') 옆 설명(figcaption)과 같으면 경고한다
+ *
+ * @example
+ * <figure krdsFigure>
+ *   <img krdsImage src="/office.jpg" alt="정부서울청사 정문" />
+ *   <figcaption>정부서울청사</figcaption>
+ * </figure>
+ */
+export declare class KrdsImage {
+  /** 로딩 방식 (화면 위쪽의 중요한 이미지는 eager) */
+  readonly loading: import("@angular/core").InputSignal<"lazy" | "eager">;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsImage, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsImage, "img[krdsImage]", never, {
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** 설명이 있는 이미지 묶음 (`<figure>`) */
+export declare class KrdsFigure {
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsFigure, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsFigure, "figure[krdsFigure]", never, {}, {}, never, never, true, never>;
+}
+/** 콘텐츠 내 탐색 항목 */
+export interface KrdsInPageNavItem {
+  /** 같은 페이지의 #id (또는 다른 주소) */
+  href: string;
+  text: string;
+  /** 처음 활성 항목 (autoActive가 아니면 계속 활성 표시) */
+  active?: boolean;
+}
+/** 콘텐츠 내 탐색 항목 클릭 이벤트 */
+export interface KrdsInPageNavClick {
+  item: KrdsInPageNavItem;
+  event: MouseEvent | KeyboardEvent;
+}
+/** 콘텐츠 내 탐색 아래쪽 버튼 영역 (`<div krdsInPageAction>`) */
+export declare class KrdsInPageAction {
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsInPageAction, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsInPageAction, "[krdsInPageAction]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * KRDS 콘텐츠 내 탐색. #id 항목을 누르면 고정 헤더 높이만큼 비켜 부드럽게 스크롤하고, 키보드로 누르면 그 섹션의 제목으로 초점을 옮긴다.
+ * autoActive면 스크롤 위치에 따라 현재 섹션을 표시한다 (aria-current). 아래쪽 버튼 등은 `[krdsInPageAction]` 요소로 넣는다
+ *
+ * @example <krds-in-page-navigation heading="전입 신고" [items]="[{ href: '#target', text: '신청 대상' }, { href: '#docs', text: '구비 서류' }]" />
+ */
+export declare class KrdsInPageNavigation {
+  /** 페이지 제목 (title 속성은 기본 툴팁이 되므로 heading으로 받음) */
+  readonly heading: import("@angular/core").InputSignal<string | undefined>;
+  /** 머리 문구 */
+  readonly caption: import("@angular/core").InputSignal<string>;
+  /** 항목 */
+  readonly items: import("@angular/core").InputSignal<KrdsInPageNavItem[]>;
+  /** 스크롤 위치에 따라 현재 섹션 표시 */
+  readonly autoActive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 스크롤할 때 비켜 갈 고정 헤더 요소들 */
+  readonly headerTopSelector: import("@angular/core").InputSignal<string>;
+  readonly headerInnerSelector: import("@angular/core").InputSignal<string>;
+  /** 항목을 눌렀을 때 */
+  readonly itemClick: import("@angular/core").OutputEmitterRef<KrdsInPageNavClick>;
+  private readonly document;
+  private readonly activeHref;
+  constructor();
+  protected isActive(item: KrdsInPageNavItem): boolean;
+  protected onKey(item: KrdsInPageNavItem, event: Event): void;
+  protected select(item: KrdsInPageNavItem, event: MouseEvent | KeyboardEvent): void;
+  /** 스크롤 위치로 현재 섹션 (끝까지 내리면 마지막, 첫 섹션 위면 첫 섹션) */
+  private updateActive;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsInPageNavigation, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsInPageNavigation, "krds-in-page-navigation", never, {
+    "heading": {
+      "alias": "heading";
+      "required": false;
+      "isSignal": true;
+    };
+    "caption": {
+      "alias": "caption";
+      "required": false;
+      "isSignal": true;
+    };
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "autoActive": {
+      "alias": "autoActive";
+      "required": false;
+      "isSignal": true;
+    };
+    "headerTopSelector": {
+      "alias": "headerTopSelector";
+      "required": false;
+      "isSignal": true;
+    };
+    "headerInnerSelector": {
+      "alias": "headerInnerSelector";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "itemClick": "itemClick";
+  }, never, ["[krdsInPageAction]"], true, never>;
+}
+/** 입력 필드 크기 (KRDS 실제 규격) */
+export type KrdsInputSize = 'small' | 'medium' | 'large' | 'xlarge';
+/** 감싸는 컴포넌트가 입력 요소에 더 붙일 클래스 (날짜 입력 필드의 'datepicker cal' 등) */
+export declare const KRDS_INPUT_CLASS: InjectionToken<string>;
+/**
+ * KRDS 텍스트 입력 필드·텍스트 영역. 기본 `<input>`·`<textarea>`에 KRDS 클래스만 붙이므로
+ * 값·type·placeholder·maxlength·required·disabled는 기본 요소 그대로 쓴다 (`[(ngModel)]`, `formControlName` 포함).
+ * `krdsControl`을 함께 적용하므로 폼 그룹 안에서는 label·도움말이 자동으로 연결된다
+ *
+ * @example
+ * <krds-form-group label="이름" hint="실명을 입력하세요">
+ *   <input krdsInput [(ngModel)]="name" />
+ * </krds-form-group>
+ */
+export declare class KrdsInput {
+  /** 크기 */
+  readonly size: import("@angular/core").InputSignal<KrdsInputSize | undefined>;
+  private readonly extraClass;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsInput, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsInput, "input[krdsInput], textarea[krdsInput]", never, {
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof KrdsControl;
+    inputs: {
+      "id": "id";
+    };
+    outputs: {};
+  }]>;
+}
+/** 언어 */
+export interface KrdsLanguage {
+  /** 언어 코드 (lang 속성) */
+  code: string;
+  /** 그 언어로 쓴 이름 */
+  name: string;
+  /** 다른 누리집으로 가는 주소 (type="external") */
+  url?: string;
+}
+/** 언어 목록 위쪽 영역 (현재 언어 안내 등, `<div krdsLanguageTop>`) */
+export declare class KrdsLanguageTop {
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsLanguageTop, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsLanguageTop, "[krdsLanguageTop]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * KRDS 언어 변경. 버튼으로 언어 목록을 열고, 고르면 `[(language)]`를 바꾸고 닫은 뒤 버튼으로 초점을 돌려준다.
+ * type="external"이면 언어별 누리집으로 가는 새 창 링크 목록이다. 버튼 글자는 내용으로 넣는다
+ *
+ * @example
+ * <krds-language-switcher [languages]="languages" [(language)]="lang">
+ *   언어변경
+ *   <div krdsLanguageTop><p class="current-laguage"><span>현재 언어</span><strong>한국어</strong></p></div>
+ * </krds-language-switcher>
+ */
+export declare class KrdsLanguageSwitcher {
+  /** 언어 목록 */
+  readonly languages: import("@angular/core").InputSignal<KrdsLanguage[]>;
+  /** 고른 언어 코드 */
+  readonly language: import("@angular/core").ModelSignal<string>;
+  /** default는 언어 선택, external은 언어별 누리집 링크 */
+  readonly type: import("@angular/core").InputSignal<"default" | "external">;
+  /** 언어를 골라 목록을 닫았을 때 */
+  readonly closed: import("@angular/core").OutputEmitterRef<void>;
+  private readonly dropdown;
+  protected select(event: MouseEvent, code: string): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsLanguageSwitcher, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsLanguageSwitcher, "krds-language-switcher", never, {
+    "languages": {
+      "alias": "languages";
+      "required": true;
+      "isSignal": true;
+    };
+    "language": {
+      "alias": "language";
+      "required": false;
+      "isSignal": true;
+    };
+    "type": {
+      "alias": "type";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "language": "languageChange";
+    "closed": "closed";
+  }, never, ["*", "[krdsLanguageTop]"], true, [{
+    directive: typeof KrdsDropdown;
+    inputs: {
+      "position": "dropPosition";
+    };
+    outputs: {};
+  }]>;
+}
+/** 레이아웃 크기 */
+export interface KrdsLayoutSize {
+  width: number;
+  height: number;
+}
+/** 스크롤 정보 */
+export interface KrdsLayoutScroll {
+  scrollY: number;
+  scrollHeight: number;
+  /** 본문(#container) 위쪽에서 50px 넘게 내려온 뒤의 스크롤 방향 (그 위에서는 null) */
+  direction: 'up' | 'down' | null;
+}
+/**
+ * KRDS 페이지 레이아웃(.g-wrap). 본문(#container) 아래로 스크롤하면 방향에 따라 scroll-down·scroll-up 클래스를 붙여
+ * KRDS CSS가 내려갈 때 헤더를 숨기고 올라올 때 보이게 한다 (도움 패널도 이 클래스를 보고 위치를 맞춤)
+ *
+ * @example
+ * <div krdsLayout>
+ *   <div krdsSkipLink>...</div>
+ *   <header krdsHeader>...</header>
+ *   <div id="container">...</div>
+ * </div>
+ */
+export declare class KrdsLayout {
+  /** id (KRDS 기준 wrap) */
+  readonly id: import("@angular/core").InputSignal<string>;
+  /** 스크롤 방향 감지 */
+  readonly scrollDetection: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 스크롤할 때 (resize·scroll은 기본 DOM 이벤트와 겹쳐 쓰지 않음) */
+  readonly scrolled: import("@angular/core").OutputEmitterRef<KrdsLayoutScroll>;
+  /** 레이아웃 크기가 바뀔 때 */
+  readonly resized: import("@angular/core").OutputEmitterRef<KrdsLayoutSize>;
+  /** 문서 높이가 바뀔 때 */
+  readonly scrollHeightChange: import("@angular/core").OutputEmitterRef<number>;
+  protected readonly direction: import("@angular/core").WritableSignal<"up" | "down" | null>;
+  private readonly host;
+  private readonly document;
+  private lastScrollY;
+  private scrollHeight;
+  constructor();
+  private onScroll;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsLayout, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsLayout, "[krdsLayout]", never, {
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "scrollDetection": {
+      "alias": "scrollDetection";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "scrolled": "scrolled";
+    "resized": "resized";
+    "scrollHeightChange": "scrollHeightChange";
+  }, never, never, true, never>;
+}
+/** 링크 크기 (링크는 small, medium, large만 지원) */
+export type KrdsLinkSize = 'small' | 'medium' | 'large';
+/**
+ * KRDS 링크. 기본 `<a>`에 KRDS 클래스만 붙이므로 href·target·title·rel은 기본 속성 그대로 쓴다.
+ * 새 창 링크는 `title="새 창 열림"`으로 그 사실을 알린다
+ *
+ * @example <a krdsLink href="https://www.krds.go.kr" target="_blank" title="새 창 열림" size="small">KRDS</a>
+ */
+export declare class KrdsLink {
+  /** 링크 크기 */
+  readonly size: import("@angular/core").InputSignal<KrdsLinkSize | undefined>;
+  /** link 클래스 적용 여부 */
+  readonly link: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 본문 텍스트 컬러 링크 */
+  readonly basic: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Pure 링크 여부 (가상클래스 상태 시 컬러 유지) */
+  readonly pure: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsLink, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsLink, "a[krdsLink]", never, {
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "link": {
+      "alias": "link";
+      "required": false;
+      "isSignal": true;
+    };
+    "basic": {
+      "alias": "basic";
+      "required": false;
+      "isSignal": true;
+    };
+    "pure": {
+      "alias": "pure";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * 새 창 링크. target·rel과 '새 창 열림' 안내(title)를 붙인다 (`[krdsExternal]="false"`면 붙이지 않음)
+ *
+ * @example <a href="https://www.gov.kr" krdsExternal>정부24</a>
+ */
+export declare class KrdsExternalLink {
+  /** 새 창으로 열기 */
+  readonly krdsExternal: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsExternalLink, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsExternalLink, "a[krdsExternal]", never, {
+    "krdsExternal": {
+      "alias": "krdsExternal";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** 메인 메뉴 렌더링 방식: PC 메가 메뉴 또는 모바일 드로어 */
+export type KrdsMainMenuVariant = 'pc' | 'mobile';
+/** 서브 패널 배치: default는 배너가 아래, between은 배너가 오른쪽 */
+export type KrdsMainMenuLayout = 'default' | 'between';
+/** 모바일 4단계 항목 */
+export interface KrdsMainMenuDepth4Item {
+  text: string;
+  href?: string;
+  /** 새 창 열림 */
+  external?: boolean;
+  /** 현재 페이지 */
+  selected?: boolean;
+}
+/** 링크 항목 (PC 서브 패널의 마지막 단계, 모바일 3단계) */
+export interface KrdsMainMenuLinkItem {
+  text: string;
+  /** 링크 주소 (없으면 button) */
+  href?: string;
+  external?: boolean;
+  /** 메뉴 설명 (PC type-description) */
+  description?: string;
+  selected?: boolean;
+  /** 모바일 4단계 패널 제목 (기본: text) */
+  panelTitle?: string;
+  /** 모바일 4단계 항목 */
+  items?: KrdsMainMenuDepth4Item[];
+}
+/** 2단계 항목 (items가 있으면 서브 패널을 여는 버튼, 없으면 바로가기 링크) */
+export interface KrdsMainMenuSubItem {
+  text: string;
+  href?: string;
+  external?: boolean;
+  /** 서브 패널 제목 (기본: text) */
+  title?: string;
+  /** 서브 패널 제목 옆 바로가기 링크 (PC) */
+  titleLink?: {
+    text?: string;
+    href: string;
+  };
+  items?: KrdsMainMenuLinkItem[];
+  /** 배너 영역 표시 (krdsMainMenuBanner 템플릿, PC) */
+  banner?: boolean;
+  layout?: KrdsMainMenuLayout;
+  /** 모바일 3단계 처음 펼침 */
+  expanded?: boolean;
+  selected?: boolean;
+}
+/** 1단계 항목 (subItems가 있으면 2단계 목록이 있는 패널, items만 있으면 링크만 나열하는 single-list 패널, 둘 다 없으면 링크) */
+export interface KrdsMainMenuItem {
+  text: string;
+  href?: string;
+  external?: boolean;
+  subItems?: KrdsMainMenuSubItem[];
+  items?: KrdsMainMenuLinkItem[];
+  /** single-list 패널 제목 */
+  title?: string;
+  banner?: boolean;
+  layout?: KrdsMainMenuLayout;
+  selected?: boolean;
+}
+/** 메뉴 항목 클릭 이벤트 (라우터로 이동하려면 event.preventDefault()) */
+export interface KrdsMainMenuClick {
+  item: KrdsMainMenuItem | KrdsMainMenuSubItem | KrdsMainMenuLinkItem | KrdsMainMenuDepth4Item;
+  event: MouseEvent;
+}
+/** PC 패널 열림 이벤트 */
+export interface KrdsMainMenuToggle {
+  index: number;
+  expanded: boolean;
+}
+/** PC 서브 패널 배너 템플릿 컨텍스트 */
+export interface KrdsMainMenuBannerContext {
+  $implicit: KrdsMainMenuItem;
+  item: KrdsMainMenuItem;
+  subItem?: KrdsMainMenuSubItem;
+  index: number;
+  subIndex: number;
+}
+/** PC 서브 패널 배너 (`<ng-template krdsMainMenuBanner let-item let-subItem="subItem">`) */
+export declare class KrdsMainMenuBanner {
+  readonly template: TemplateRef<KrdsMainMenuBannerContext>;
+  static ngTemplateContextGuard(_dir: KrdsMainMenuBanner, _ctx: unknown): _ctx is KrdsMainMenuBannerContext;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsMainMenuBanner, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsMainMenuBanner, "ng-template[krdsMainMenuBanner]", never, {}, {}, never, never, true, never>;
+}
+/** 모바일 드로어 아래쪽 영역 (`<div krdsMainMenuBottom>`) */
+export declare class KrdsMainMenuBottom {
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsMainMenuBottom, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsMainMenuBottom, "[krdsMainMenuBottom]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * KRDS 메인 메뉴. variant="pc"는 메가 메뉴, variant="mobile"은 드로어다.
+ * - PC: 1단계 버튼으로 패널을 열고 닫고, Esc·바깥 클릭·초점 이탈로 닫는다. 1·2단계 버튼은 Home·End·방향키로 옮긴다. 열리면 배경을 어둡게 한다
+ * - 모바일: `[(open)]`으로 드로어를 열고 닫고, 열리면 드로어로 초점을 옮겨 Tab을 가두며 닫히면 연 요소로 돌려준다. 1단계 탭은 해당 패널로 스크롤하고, 3단계는 펼치고, 4단계는 패널로 연다
+ *
+ * @example
+ * <krds-main-menu [items]="menu" (itemClick)="navigate($event)" />
+ * <krds-main-menu variant="mobile" [items]="menu" [(open)]="menuOpen">
+ *   <div krdsMainMenuHeader>로그인</div>
+ * </krds-main-menu>
+ */
+export declare class KrdsMainMenu {
+  /** 메뉴 항목 */
+  readonly items: import("@angular/core").InputSignal<KrdsMainMenuItem[]>;
+  /** 렌더링 방식 */
+  readonly variant: import("@angular/core").InputSignal<KrdsMainMenuVariant>;
+  /** 메뉴 이름 */
+  readonly label: import("@angular/core").InputSignal<string>;
+  /** 모바일 드로어 열림 */
+  readonly open: import("@angular/core").ModelSignal<boolean>;
+  /** 모바일 드로어 id (바깥 열기 버튼의 aria-controls 대상) */
+  readonly mobileId: import("@angular/core").InputSignal<string>;
+  /** PC 패널이 열리면 배경을 어둡게 */
+  readonly backdrop: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 모바일 닫기 버튼 문구 */
+  readonly closeLabel: import("@angular/core").InputSignal<string>;
+  /** PC 패널을 열거나 닫았을 때 */
+  readonly menuToggle: import("@angular/core").OutputEmitterRef<KrdsMainMenuToggle>;
+  /** 메뉴 항목을 클릭했을 때 */
+  readonly itemClick: import("@angular/core").OutputEmitterRef<KrdsMainMenuClick>;
+  protected readonly bannerTemplate: import("@angular/core").Signal<KrdsMainMenuBanner | undefined>;
+  private readonly uid;
+  private readonly host;
+  private readonly document;
+  private readonly injector;
+  protected readonly openIndex: import("@angular/core").WritableSignal<number>;
+  private readonly subOverrides;
+  protected readonly panelMinHeight: import("@angular/core").WritableSignal<number>;
+  private backdropEl;
+  protected readonly activeTab: import("@angular/core").WritableSignal<number>;
+  private readonly depth3Expanded;
+  protected readonly depth4Displayed: import("@angular/core").WritableSignal<string | null>;
+  protected readonly depth4Opened: import("@angular/core").WritableSignal<string | null>;
+  protected readonly drawerDisplayed: import("@angular/core").WritableSignal<boolean>;
+  protected readonly drawerOpened: import("@angular/core").WritableSignal<boolean>;
+  private depth4Trigger;
+  private previousFocus;
+  private drawerTimer?;
+  private drawerInitialized;
+  constructor();
+  protected panelId(i: number): string;
+  protected subPanelId(i: number, j: number): string;
+  protected tabId(i: number): string;
+  protected depth3Id(i: number, j: number): string;
+  protected hasPanel(item: KrdsMainMenuItem): boolean;
+  protected hasDescription(links?: KrdsMainMenuLinkItem[]): boolean;
+  protected onItemClick(item: KrdsMainMenuClick['item'], event: MouseEvent): void;
+  /** 원본처럼 링크가 아닌 첫 2단계를 기본으로 연다 */
+  protected activeSub(i: number): number;
+  private mainTriggers;
+  protected toggleMain(i: number): void;
+  protected closeMain(restoreFocus?: boolean): void;
+  protected selectSub(i: number, j: number): void;
+  /** 서브 패널이 absolute라 열린 패널 높이에 맞춰 목록 최소 높이를 맞춘다 */
+  private adjustPanelHeight;
+  private removeBackdrop;
+  protected onDocumentClick(event: MouseEvent): void;
+  protected onPcFocusout(event: FocusEvent, root: HTMLElement): void;
+  protected onPcKeydown(event: KeyboardEvent): void;
+  /** PC와 같은 메뉴 데이터로 쓰도록 single-list(items)와 하위 메뉴 없는 링크도 패널에 링크로 보여 준다 */
+  protected mobileSubItems(item: KrdsMainMenuItem): KrdsMainMenuSubItem[];
+  private initialDepth3;
+  protected depth3Open(key: string): boolean;
+  protected toggleDepth3(event: MouseEvent, key: string): void;
+  /** 4단계 패널: 먼저 보이게 한 뒤 열림 클래스를 붙이고(전환), 이전화면 버튼으로 초점 */
+  protected openDepth4(event: MouseEvent, key: string, trigger: HTMLElement): void;
+  protected closeDepth4(): void;
+  /** 1단계 탭을 누르면 해당 패널 위치로 스크롤 */
+  protected onTabClick(event: MouseEvent, i: number, body: HTMLElement): void;
+  /** 스크롤 위치에 따라 활성 탭 */
+  protected onBodyScroll(body: HTMLElement): void;
+  private openDrawer;
+  private closeDrawer;
+  protected onMobileKeydown(event: KeyboardEvent, wrap: HTMLElement): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsMainMenu, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsMainMenu, "krds-main-menu", never, {
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "open": {
+      "alias": "open";
+      "required": false;
+      "isSignal": true;
+    };
+    "mobileId": {
+      "alias": "mobileId";
+      "required": false;
+      "isSignal": true;
+    };
+    "backdrop": {
+      "alias": "backdrop";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeLabel": {
+      "alias": "closeLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "open": "openChange";
+    "menuToggle": "menuToggle";
+    "itemClick": "itemClick";
+  }, ["bannerTemplate"], ["[krdsMainMenuHeader]", "[krdsMainMenuBottom]"], true, never>;
+}
+/**
+ * KRDS 공식 배너. 페이지 맨 위에 대한민국 공식 전자정부 누리집임을 알린다 (KRDS CSS가 id #krds-masthead로 스타일을 줌)
+ *
+ * @example <div krdsMasthead>이 누리집은 대한민국 공식 전자정부 누리집입니다.</div>
+ */
+export declare class KrdsMasthead {
+  /** id (KRDS CSS 기준 krds-masthead) */
+  readonly id: import("@angular/core").InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsMasthead, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsMasthead, "[krdsMasthead]", never, {
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+/** 원고(설명적 원고): 화면과 소리의 정보를 글로 옮긴 내용 (`<div krdsMediaTranscript>`, '원고 보기'로 펼침) */
+export declare class KrdsMediaTranscript {
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsMediaTranscript, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsMediaTranscript, "[krdsMediaTranscript]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * KRDS 접근 가능한 미디어. 기본 `<figure>`에 붙여 제목·재생기·원고를 묶는다.
+ * 재생기는 기본 `<video controls>`·`<audio controls>`(자막 track 포함)나 외부 재생기(유튜브 iframe 등)를 그대로 넣는다.
+ * 개발 모드에서는 자막·원고가 모두 없거나(오디오·외부 재생기는 원고가 없으면) 자동 재생이면 경고한다
+ *
+ * @example
+ * <figure krdsMedia heading="민원 신청 안내 영상">
+ *   <video controls preload="metadata" src="/guide.mp4">
+ *     <track kind="captions" src="/guide.ko.vtt" srclang="ko" label="한국어" default />
+ *   </video>
+ *   <div krdsMediaTranscript><p>민원 신청은 세 단계로 진행됩니다.</p></div>
+ * </figure>
+ */
+export declare class KrdsMedia {
+  /** 미디어 제목 (화면낭독기가 미디어 영역 이름으로 읽음, title 속성은 기본 툴팁이 되므로 heading으로 받음) */
+  readonly heading: import("@angular/core").InputSignal<string>;
+  /** 제목을 화면에서 숨김 (화면낭독기는 읽음) */
+  readonly hideHeading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly transcript: import("@angular/core").Signal<KrdsMediaTranscript | undefined>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsMedia, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsMedia, "figure[krdsMedia]", never, {
+    "heading": {
+      "alias": "heading";
+      "required": true;
+      "isSignal": true;
+    };
+    "hideHeading": {
+      "alias": "hideHeading";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["transcript"], ["*", "[krdsMediaTranscript]"], true, never>;
+}
+/** 모달 크기 */
+export type KrdsModalSize = 'small' | 'medium' | 'large';
+/** 모달 아래쪽 버튼 영역 (`<div krdsModalFooter>`) */
+export declare class KrdsModalFooter {
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsModalFooter, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsModalFooter, "[krdsModalFooter]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * KRDS 모달. `[(open)]`으로 열고 닫고, 브라우저에서는 body 끝으로 옮겨 다른 요소의 쌓임 순서에 가리지 않게 한다.
+ * 열리면 내용으로 초점을 옮기고 Tab 초점을 모달 안에 가두며 배경 스크롤을 막고, 닫히면 연 요소로 초점을 돌려준다.
+ * Esc·배경 클릭으로 닫히고 `persistent`면 닫기·버튼으로만 닫힌다
+ *
+ * @example
+ * <krds-modal heading="신청을 취소할까요?" [(open)]="confirmOpen">
+ *   <p>취소하면 입력한 내용이 사라집니다.</p>
+ *   <div krdsModalFooter>
+ *     <button krdsButton variant="tertiary" (click)="confirmOpen.set(false)">아니요</button>
+ *     <button krdsButton (click)="cancel()">예</button>
+ *   </div>
+ * </krds-modal>
+ */
+export declare class KrdsModal {
+  /** 열림 여부 */
+  readonly open: import("@angular/core").ModelSignal<boolean>;
+  /** 제목 (대화 상자의 이름) */
+  readonly heading: import("@angular/core").InputSignal<string>;
+  /** 대화 상자 id (없으면 자동 생성) */
+  readonly modalId: import("@angular/core").InputSignal<string | undefined>;
+  /** 배경을 어둡게 */
+  readonly backdrop: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 크기 */
+  readonly size: import("@angular/core").InputSignal<KrdsModalSize>;
+  /** 화면 전체 */
+  readonly full: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 바텀시트 (모바일 아래에서 올라옴) */
+  readonly bottomSheet: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Esc·배경 클릭으로 닫지 않음 */
+  readonly persistent: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  private readonly uid;
+  protected readonly id: import("@angular/core").Signal<string>;
+  protected readonly titleId: import("@angular/core").Signal<string>;
+  protected readonly sizeClass: import("@angular/core").Signal<string>;
+  private readonly host;
+  private readonly document;
+  private opened;
+  private originalOverflow;
+  private previousFocus;
+  constructor();
+  private restore;
+  protected onKeydown(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsModal, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsModal, "krds-modal", never, {
+    "open": {
+      "alias": "open";
+      "required": false;
+      "isSignal": true;
+    };
+    "heading": {
+      "alias": "heading";
+      "required": true;
+      "isSignal": true;
+    };
+    "modalId": {
+      "alias": "modalId";
+      "required": false;
+      "isSignal": true;
+    };
+    "backdrop": {
+      "alias": "backdrop";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "full": {
+      "alias": "full";
+      "required": false;
+      "isSignal": true;
+    };
+    "bottomSheet": {
+      "alias": "bottomSheet";
+      "required": false;
+      "isSignal": true;
+    };
+    "persistent": {
+      "alias": "persistent";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "open": "openChange";
+  }, never, ["*", "[krdsModalFooter]"], true, never>;
+}
+type PageItem = {
+  type: 'page';
+  page: number;
+} | {
+  type: 'ellipsis';
+  key: string;
+};
+/**
+ * KRDS 페이지네이션. 현재 페이지는 `[(page)]`로 주고받는다. 처음·끝 페이지는 늘 보이고, 나머지는 현재 페이지 주변 pageRange개만 보이며 그 밖은 생략(…)으로 줄인다.
+ * 링크를 눌러도 주소는 바뀌지 않는다 (기본 동작을 막고 page만 바꿈).
+ * 첫·끝 페이지의 이전·다음은 비활성 링크(href 없이 aria-disabled)로 남겨, 화면낭독기가 "이전, 링크, 사용 불가"로 읽는다
+ *
+ * @example <nav krdsPagination [max]="20" [(page)]="page"></nav>
+ */
+export declare class KrdsPagination {
+  /** 현재 페이지 */
+  readonly page: import("@angular/core").ModelSignal<number>;
+  /** 첫 페이지 */
+  readonly min: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** 마지막 페이지 */
+  readonly max: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** 가운데에 보일 페이지 수 */
+  readonly pageRange: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** 내비게이션 이름 */
+  readonly label: import("@angular/core").InputSignal<string>;
+  protected readonly minPage: import("@angular/core").Signal<number>;
+  protected readonly current: import("@angular/core").Signal<number>;
+  protected readonly pages: import("@angular/core").Signal<PageItem[]>;
+  protected go(event: MouseEvent, page: number): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsPagination, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsPagination, "nav[krdsPagination]", never, {
+    "page": {
+      "alias": "page";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": true;
+      "isSignal": true;
+    };
+    "pageRange": {
+      "alias": "pageRange";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "page": "pageChange";
+  }, never, never, true, never>;
+}
+/**
+ * KRDS 도움 패널. 도움말 버튼으로 오른쪽 패널을 열고, 접어두기로 닫는다 (`[(open)]`).
+ * 원본처럼 보이는 공식 배너·헤더 높이만큼 버튼과 패널 내용을 내려 헤더에 가려지지 않게 하고,
+ * 같은 오른쪽에 고정되는 콘텐츠 내 탐색이 버튼 아래에 서도록 버튼 아래쪽 끝을 CSS 변수로 알린다
+ *
+ * @example <krds-panel [(open)]="helpOpen"><krds-tabs [tabs]="tabs">...</krds-tabs></krds-panel>
+ */
+export declare class KrdsPanel {
+  /** 열림 */
+  readonly open: import("@angular/core").ModelSignal<boolean>;
+  /** 높이만큼 비켜 갈 공식 배너·헤더 */
+  readonly headerTopSelector: import("@angular/core").InputSignal<string>;
+  readonly headerInnerSelector: import("@angular/core").InputSignal<string>;
+  protected readonly headerOffset: import("@angular/core").WritableSignal<number>;
+  private readonly expand;
+  private readonly host;
+  private readonly document;
+  private readonly owner;
+  private frame;
+  constructor();
+  /** 닫고, 패널 안에 있던 초점은 도움말 버튼으로 돌려준다 */
+  protected close(): void;
+  protected updateOffset(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsPanel, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsPanel, "krds-panel", never, {
+    "open": {
+      "alias": "open";
+      "required": false;
+      "isSignal": true;
+    };
+    "headerTopSelector": {
+      "alias": "headerTopSelector";
+      "required": false;
+      "isSignal": true;
+    };
+    "headerInnerSelector": {
+      "alias": "headerInnerSelector";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "open": "openChange";
+  }, never, ["*"], true, never>;
+}
+/**
+ * KRDS 수량 토글. 수량 값은 spinbutton(↑/↓ 1씩, Home/End 최솟값/최댓값)이고, −/+ 버튼은 탭 순서에서 빼고 누르면 초점을 수량 값으로 옮긴다
+ * (끝값에서 버튼이 비활성화돼도 초점을 잃지 않고 화면낭독기가 바뀐 값을 읽음). 값은 `[(value)]`(Signal Forms `[formField]` 포함)
+ *
+ * @example <krds-quantity-toggle label="인원" [min]="1" [max]="9" [(value)]="count" />
+ */
+export declare class KrdsQuantityToggle {
+  /** 수량 (없으면 min) */
+  readonly value: import("@angular/core").ModelSignal<number | undefined>;
+  /** 레이블 */
+  readonly label: import("@angular/core").InputSignal<string>;
+  /** 레이블을 화면에서 숨김 (화면낭독기는 읽음) */
+  readonly hideLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly min: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly max: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** 세로형 (+ 버튼이 위) */
+  readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 수량 값 요소의 id */
+  readonly id: import("@angular/core").InputSignal<string | undefined>;
+  protected readonly labelId: string;
+  protected readonly current: import("@angular/core").Signal<number>;
+  private readonly spin;
+  private update;
+  protected stepBy(delta: number): void;
+  protected onKeydown(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsQuantityToggle, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsQuantityToggle, "krds-quantity-toggle", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": true;
+      "isSignal": true;
+    };
+    "hideLabel": {
+      "alias": "hideLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "vertical": {
+      "alias": "vertical";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, never>;
+}
+/** 선택 값을 보일 자리: handle은 손잡이 위, end는 슬라이더 끝 */
+export type KrdsRangeSliderValuePosition = 'handle' | 'end';
+/**
+ * KRDS 범위슬라이드. 기본 `<input type="range">`(키보드·화면낭독기 지원)를 KRDS 모양으로 그리고 값은 `[(value)]`로 주고받는다.
+ * Signal Forms의 `[formField]`로도 연결된다. 화면의 값 글자는 valueText로 바꿀 수 있고 화면낭독기는 aria-valuetext로 같은 글을 읽는다
+ *
+ * @example <krds-range-slider label="글자 크기" [min]="12" [max]="24" [step]="2" [valueText]="px" [(value)]="size" />
+ */
+export declare class KrdsRangeSlider {
+  /** 값 (없으면 min) */
+  readonly value: import("@angular/core").ModelSignal<number | undefined>;
+  /** 레이블 */
+  readonly label: import("@angular/core").InputSignal<string>;
+  /** 레이블을 화면에서 숨김 (화면낭독기는 읽음) */
+  readonly hideLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  readonly min: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly max: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  readonly step: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  /** 값을 글자로 (예: v => v + 'px') */
+  readonly valueText: import("@angular/core").InputSignal<((value: number) => string) | undefined>;
+  /** 선택 값을 보일 자리 */
+  readonly valuePosition: import("@angular/core").InputSignal<KrdsRangeSliderValuePosition>;
+  /** input의 id (없으면 자동 생성) */
+  readonly id: import("@angular/core").InputSignal<string | undefined>;
+  /** 값을 확정했을 때 (손을 뗄 때, change는 안쪽 input의 기본 이벤트와 겹쳐 쓰지 않음) */
+  readonly valueCommit: import("@angular/core").OutputEmitterRef<number>;
+  private readonly uid;
+  protected readonly inputId: import("@angular/core").Signal<string>;
+  protected readonly current: import("@angular/core").Signal<number>;
+  protected readonly percent: import("@angular/core").Signal<number>;
+  /** 양 끝을 뺀 단계 눈금 위치 (0~1) */
+  protected readonly ticks: import("@angular/core").Signal<number[]>;
+  protected text(value: number): string;
+  protected read(event: Event): number;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsRangeSlider, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsRangeSlider, "krds-range-slider", never, {
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": true;
+      "isSignal": true;
+    };
+    "hideLabel": {
+      "alias": "hideLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "step": {
+      "alias": "step";
+      "required": false;
+      "isSignal": true;
+    };
+    "valueText": {
+      "alias": "valueText";
+      "required": false;
+      "isSignal": true;
+    };
+    "valuePosition": {
+      "alias": "valuePosition";
+      "required": false;
+      "isSignal": true;
+    };
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+    "valueCommit": "valueCommit";
+  }, never, never, true, never>;
+}
+/** 화면 크기 단계 */
+export type KrdsResizeScale = 'sm' | 'md' | 'lg' | 'xlg' | 'xxlg';
+/**
+ * KRDS 화면 크기 조정. 목록에서 크기를 고르면 화면(body)을 확대·축소하고 `[(scale)]`를 바꾼 뒤 닫고 버튼으로 초점을 돌려준다
+ *
+ * @example <krds-resize [(scale)]="scale" />
+ */
+export declare class KrdsResize {
+  /** 화면 크기 (넘기거나 고르기 전에는 화면을 바꾸지 않고 '보통'으로 표시) */
+  readonly scale: import("@angular/core").ModelSignal<KrdsResizeScale | undefined>;
+  /** 크기를 골라 목록을 닫았을 때 */
+  readonly closed: import("@angular/core").OutputEmitterRef<void>;
+  protected readonly scales: {
+    key: KrdsResizeScale;
+    label: string;
+    zoom: string;
+  }[];
+  private readonly dropdown;
+  private readonly document;
+  constructor();
+  protected select(key: KrdsResizeScale): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsResize, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsResize, "krds-resize", never, {
+    "scale": {
+      "alias": "scale";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "scale": "scaleChange";
+    "closed": "closed";
+  }, never, never, true, [{
+    directive: typeof KrdsDropdown;
+    inputs: {};
+    outputs: {};
+  }]>;
+}
+/** 셀렉트 크기 (KRDS 셀렉트 스타일에 있는 small·medium·large) */
+export type KrdsSelectSize = 'small' | 'medium' | 'large';
+/** 셀렉트 입력 상태 */
+export type KrdsSelectState = 'default' | 'error' | 'success' | 'information';
+/**
+ * KRDS 셀렉트. 기본 `<select>`에 KRDS 클래스만 붙이므로 option·선택 값·disabled는 기본 요소 그대로 쓴다.
+ * 선택 전 안내 문구는 `<option value="" disabled>선택</option>`으로 넣고, 이름은 label(보이는 레이블이 없으면 aria-label)로 준다.
+ * `krdsControl`을 함께 적용하므로 폼 그룹 안에서는 label·도움말이 자동으로 연결된다
+ *
+ * @example
+ * <krds-form-group label="지역">
+ *   <select krdsSelect [(ngModel)]="region">
+ *     <option value="" disabled>선택</option>
+ *     <option value="seoul">서울</option>
+ *   </select>
+ * </krds-form-group>
+ */
+export declare class KrdsSelect {
+  /** 크기 */
+  readonly size: import("@angular/core").InputSignal<KrdsSelectSize>;
+  /** 입력 상태 */
+  readonly state: import("@angular/core").InputSignal<KrdsSelectState>;
+  /** 정렬 스타일 (목록 정렬 기준 선택용) */
+  readonly sort: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsSelect, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsSelect, "select[krdsSelect]", never, {
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "state": {
+      "alias": "state";
+      "required": false;
+      "isSignal": true;
+    };
+    "sort": {
+      "alias": "sort";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, [{
+    directive: typeof KrdsControl;
+    inputs: {
+      "id": "id";
+    };
+    outputs: {};
+  }]>;
+}
+/** 사이드 메뉴 4단계(팝업 안) 항목 */
+export interface KrdsSideNavPopupItem {
+  text: string;
+  href?: string;
+}
+/** 사이드 메뉴 3단계 항목 (subItems가 있으면 팝업을 여는 버튼) */
+export interface KrdsSideNavSubItem {
+  text: string;
+  href?: string;
+  /** 팝업 열림 */
+  expanded?: boolean;
+  /** 팝업 제목 (기본: text) */
+  popupTitle?: string;
+  subItems?: KrdsSideNavPopupItem[];
+}
+/** 사이드 메뉴 2단계 항목 (subItems가 있으면 펼침 버튼) */
+export interface KrdsSideNavItem {
+  text: string;
+  href?: string;
+  /** 펼침 */
+  expanded?: boolean;
+  subItems?: KrdsSideNavSubItem[];
+}
+/** 사이드 메뉴 링크 클릭 이벤트 (라우터로 이동하려면 event.preventDefault()) */
+export interface KrdsSideNavClick {
+  item: KrdsSideNavItem | KrdsSideNavSubItem | KrdsSideNavPopupItem;
+  event: MouseEvent;
+}
+/**
+ * KRDS 사이드 메뉴. 펼침 상태는 항목의 expanded로 `[(items)]`에 담아 주고받는다.
+ * 2단계를 접으면 그 안의 팝업도 닫힌다. 3단계 팝업은 열면 제목 버튼으로 초점을 옮기고, 제목 버튼으로 닫으면 연 버튼으로 초점을 돌려주며, 초점이 밖으로 나가면 닫는다
+ *
+ * @example <nav krdsSideNavigation heading="민원 안내" [(items)]="menu"></nav>
+ */
+export declare class KrdsSideNavigation {
+  /** 메뉴 제목 (title 속성은 기본 툴팁이 되므로 heading으로 받음) */
+  readonly heading: import("@angular/core").InputSignal<string>;
+  /** 메뉴 항목 (expanded로 펼침 상태) */
+  readonly items: import("@angular/core").ModelSignal<KrdsSideNavItem[]>;
+  /** 링크를 클릭했을 때 */
+  readonly itemClick: import("@angular/core").OutputEmitterRef<KrdsSideNavClick>;
+  private readonly uid;
+  protected menuId(i: number, j?: number): string;
+  private updateSub;
+  /** 2단계 펼치고 접기 (접으면 그 안의 팝업도 닫음) */
+  protected toggleItem(i: number): void;
+  private isOpen;
+  /** 3단계 팝업 열고 닫기 (열면 전환이 끝난 뒤 제목 버튼으로 초점) */
+  protected togglePopup(i: number, j: number, popup: HTMLElement, title: HTMLElement): void;
+  /** 제목 버튼으로 닫으면 연 버튼으로 초점을 돌려준다 */
+  protected closePopup(i: number, j: number, trigger?: HTMLElement): void;
+  /**
+   * 초점이 팝업 밖의 다른 요소로 옮겨 가면 닫고, 옮겨 간 초점은 그대로 둔다 (WAI-ARIA 메뉴 패턴).
+   * 갈 곳 없이 빠진 초점(다른 창으로 전환 등)은 무시하고, 빈 곳 클릭은 문서 클릭으로 닫는다
+   */
+  protected onPopupFocusout(event: FocusEvent, i: number, j: number, popup: HTMLElement): void;
+  /** 팝업 밖을 누르면 누른 항목의 팝업만 남기고 닫는다 */
+  protected onDocumentClick(event: MouseEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsSideNavigation, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsSideNavigation, "nav[krdsSideNavigation]", never, {
+    "heading": {
+      "alias": "heading";
+      "required": true;
+      "isSignal": true;
+    };
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "items": "itemsChange";
+    "itemClick": "itemClick";
+  }, never, never, true, never>;
+}
+/**
+ * KRDS 건너뛰기 링크 묶음. KRDS CSS가 id(#krds-skip-link)로 스타일을 주므로 id만 붙이고, 링크는 기본 `<a>`로 넣는다.
+ * 페이지 맨 앞에 두고 href는 같은 페이지의 #id로 쓴다
+ *
+ * @example
+ * <div krdsSkipLink>
+ *   <a href="#main-content">본문 바로가기</a>
+ *   <a href="#main-menu">주메뉴 바로가기</a>
+ * </div>
+ */
+export declare class KrdsSkipLink {
+  /** id (KRDS CSS 기준 krds-skip-link) */
+  readonly id: import("@angular/core").InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsSkipLink, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsSkipLink, "[krdsSkipLink]", never, {
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** 스낵바 옵션 */
+export interface KrdsSnackbarOptions {
+  /** 제목 */
+  title: string;
+  /** 본문 */
+  message?: string;
+  /** 아이콘 클래스 (예: 'ico-success-fill') */
+  icon?: string;
+  /** 작업 버튼 이름 (되돌리기·다시 시도 등 1개) */
+  action?: string;
+  /** 작업 버튼을 눌렀을 때. 스낵바를 닫은 뒤 부르므로 안에서 다시 show()할 수 있다 */
+  onAction?: () => void;
+  /** 노출 시간(ms). 기본 0으로 닫기 버튼을 누를 때까지 둔다 */
+  duration?: number;
+}
+/**
+ * 어디서든 스낵바를 띄우는 서비스. 앱에 `<krds-snackbar />`를 한 번 두고 쓴다 (서버 렌더링에서는 띄우지 않음)
+ *
+ * @example this.snackbar.show({ title: '삭제 완료', message: '항목을 삭제했습니다.', action: '되돌리기', onAction: () => this.restore() })
+ */
+export declare class KrdsSnackbarService {
+  private readonly browser;
+  private readonly state;
+  private seq;
+  private timer?;
+  /** 지금 띄운 스낵바 (show()마다 id가 바뀜) */
+  readonly current: import("@angular/core").Signal<{
+    id: number;
+    options: KrdsSnackbarOptions;
+  } | null>;
+  /** 스낵바 표시 (이미 떠 있으면 내용을 바꾼다. 한 페이지에 하나만 둔다) */
+  show(options: KrdsSnackbarOptions): void;
+  /** 스낵바 닫기 */
+  hide(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsSnackbarService, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+/**
+ * KRDS 스낵바 영역. role="status" 영역은 늘 두고 KrdsSnackbarService로 띄운 내용을 넣는다.
+ * 버튼으로 닫으면 초점을 스낵바로 들어오기 전 요소로 돌려준다
+ *
+ * @example <krds-snackbar />
+ */
+export declare class KrdsSnackbar {
+  protected readonly service: KrdsSnackbarService;
+  private readonly ready;
+  protected readonly shown: import("@angular/core").Signal<boolean>;
+  private readonly host;
+  private readonly document;
+  private returnFocus;
+  private hadFocus;
+  constructor();
+  protected onFocusin(event: FocusEvent): void;
+  /** 먼저 닫고 부른다: onAction 안에서 다시 show()한 스낵바(다시 시도 → 결과)가 남는다 */
+  protected act(options: KrdsSnackbarOptions): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsSnackbar, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsSnackbar, "krds-snackbar", never, {}, {}, never, never, true, never>;
+}
+/**
+ * KRDS 스피너. 화면낭독기에는 '로딩 중'을 알리고(role="status"), label이 있으면 화면에도 보인다
+ *
+ * @example <krds-spinner label="불러오는 중입니다" />
+ */
+export declare class KrdsSpinner {
+  /** 화면에 보이는 안내 문구 */
+  readonly label: import("@angular/core").InputSignal<string | undefined>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsSpinner, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsSpinner, "krds-spinner", never, {
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** 단계 상태 */
+export type KrdsStepStatus = 'done' | 'active' | 'pending';
+/**
+ * 단계 표시기의 단계. 단계 제목은 내용으로 넣는다 (title 속성은 기본 툴팁이 되므로 쓰지 않음)
+ */
+export declare class KrdsStep {
+  /** 단계 번호 (예: '1단계') */
+  readonly step: import("@angular/core").InputSignal<string | number>;
+  /** 상태를 직접 정함 (지정하지 않으면 단계 표시기 안의 순서로 정함) */
+  readonly status: import("@angular/core").InputSignal<"" | KrdsStepStatus | undefined>;
+  private readonly indicator;
+  protected readonly state: import("@angular/core").Signal<KrdsStepStatus>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsStep, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsStep, "li[krdsStep]", never, {
+    "step": {
+      "alias": "step";
+      "required": true;
+      "isSignal": true;
+    };
+    "status": {
+      "alias": "status";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+/**
+ * KRDS 단계 표시기. 진행 상태를 보여 주기만 한다 (KRDS 원본처럼 단계를 눌러 이동하지 않음).
+ * 안에 든 `<li krdsStep>`의 실제 순서로 현재 단계 앞은 완료, 뒤는 대기로 표시하므로 단계를 @if·@for로 바꿔도 맞게 표시된다
+ *
+ * @example
+ * <ol krdsStepIndicator [current]="1">
+ *   <li krdsStep step="1단계">약관 동의</li>
+ *   <li krdsStep step="2단계">정보 입력</li>
+ * </ol>
+ */
+export declare class KrdsStepIndicator {
+  /** 현재 단계 위치 (0부터, 숫자가 아니면 첫 단계) */
+  readonly current: import("@angular/core").InputSignalWithTransform<number, unknown>;
+  private readonly steps;
+  /** 단계의 위치에 따른 상태 */
+  statusOf(step: KrdsStep): KrdsStepStatus;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsStepIndicator, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsStepIndicator, "ol[krdsStepIndicator]", never, {
+    "current": {
+      "alias": "current";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["steps"], never, true, never>;
+}
+/**
+ * KRDS 구조화 목록. 항목(`<li krdsStructuredItem>`) 안에 KRDS 영역 클래스(card-top·card-body·card-btm·card-btn)로 내용을 나눈다
+ *
+ * @example
+ * <ul krdsStructuredList>
+ *   <li krdsStructuredItem>
+ *     <div class="card-top"><span krdsBadge>접수중</span></div>
+ *     <div class="card-body"><p class="c-tit">청년 주거 지원</p></div>
+ *     <div class="card-btn"><a krdsLink href="/apply">신청하기</a></div>
+ *   </li>
+ * </ul>
+ */
+export declare class KrdsStructuredList {
+  /** 한 줄에 항목 하나 (전체 폭) */
+  readonly full: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsStructuredList, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsStructuredList, "ul[krdsStructuredList]", never, {
+    "full": {
+      "alias": "full";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** 구조화 목록의 항목 */
+export declare class KrdsStructuredItem {
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsStructuredItem, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsStructuredItem, "li[krdsStructuredItem]", never, {}, {}, never, ["*"], true, never>;
+}
+/** 탭바 항목 */
+export interface KrdsTabBarItem {
+  text: string;
+  /** 아이콘 클래스 (예: 'ico-bread-home') */
+  icon: string;
+  /** 링크 주소 (없으면 버튼) */
+  href?: string;
+  /** 현재 페이지 (aria-current) */
+  selected?: boolean;
+}
+/** 탭바 항목 클릭 이벤트 */
+export interface KrdsTabBarClick {
+  item: KrdsTabBarItem;
+  event: MouseEvent;
+}
+/**
+ * KRDS 탭바. 좁은 화면 아래쪽에 고정되는 주요 메뉴 내비게이션 (넓은 화면에서는 KRDS CSS가 숨김).
+ * 현재 페이지는 aria-current="page", href 없는 항목은 버튼이다
+ *
+ * @example <nav krdsTabBar [items]="[{ text: '홈', icon: 'ico-bread-home', href: '/', selected: true }]"></nav>
+ */
+export declare class KrdsTabBar {
+  /** 항목 */
+  readonly items: import("@angular/core").InputSignal<KrdsTabBarItem[]>;
+  /** 내비게이션 이름 */
+  readonly label: import("@angular/core").InputSignal<string>;
+  /** 항목을 눌렀을 때 */
+  readonly itemClick: import("@angular/core").OutputEmitterRef<KrdsTabBarClick>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsTabBar, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsTabBar, "nav[krdsTabBar]", never, {
+    "items": {
+      "alias": "items";
+      "required": true;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "itemClick": "itemClick";
+  }, never, never, true, never>;
+}
+/** 표의 열 */
+export interface KrdsTableColumn<T = object> {
+  /** 열 이름 (셀·머리글 템플릿을 고를 때 씀) */
+  name: string;
+  /** 머리글 */
+  label: string;
+  /** 셀 값: 행의 속성 이름 또는 행에서 값을 만드는 함수 */
+  field?: (keyof T & string) | ((row: T) => unknown);
+  /** 정렬 */
+  align?: 'left' | 'center' | 'right';
+  /** 셀 스타일 */
+  style?: string | ((row: T) => string);
+  /** 셀 클래스 */
+  classes?: string | ((row: T) => string);
+  /** 머리글 스타일 (width가 있으면 colgroup 너비로도 씀) */
+  headerStyle?: string;
+  /** 머리글 클래스 */
+  headerClasses?: string;
+}
+/** 셀 템플릿 컨텍스트 */
+export interface KrdsTableCellContext<T = object> {
+  $implicit: T;
+  row: T;
+  column: KrdsTableColumn<T>;
+  value: unknown;
+  index: number;
+}
+/** 행 클릭 이벤트 */
+export interface KrdsTableRowClick<T = object> {
+  row: T;
+  index: number;
+}
+/**
+ * 열 이름별 셀 템플릿 (`<ng-template krdsCell="status" let-row let-value="value">`).
+ * `[krdsCellOf]="rows"`를 주면 템플릿의 row가 행 타입이 된다 (strictTemplates에서 row.title 같은 접근을 검사)
+ */
+export declare class KrdsTableCell<T extends object = object> {
+  readonly name: import("@angular/core").InputSignal<string>;
+  /** 행 목록 (템플릿의 row 타입을 정하는 데만 씀) */
+  readonly rows: import("@angular/core").InputSignal<readonly T[] | undefined>;
+  readonly template: TemplateRef<KrdsTableCellContext<T>>;
+  static ngTemplateContextGuard<T extends object>(_dir: KrdsTableCell<T>, _ctx: unknown): _ctx is KrdsTableCellContext<T>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsTableCell<any>, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsTableCell<any>, "ng-template[krdsCell]", never, {
+    "name": {
+      "alias": "krdsCell";
+      "required": true;
+      "isSignal": true;
+    };
+    "rows": {
+      "alias": "krdsCellOf";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** 머리글 템플릿 컨텍스트 */
+export interface KrdsTableHeaderContext {
+  $implicit: KrdsTableColumn;
+}
+/** 열 이름별 머리글 템플릿 (`<ng-template krdsHeader="status" let-column>`) */
+export declare class KrdsTableHeader {
+  readonly name: import("@angular/core").InputSignal<string>;
+  readonly template: TemplateRef<KrdsTableHeaderContext>;
+  static ngTemplateContextGuard(_dir: KrdsTableHeader, _ctx: unknown): _ctx is KrdsTableHeaderContext;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsTableHeader, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsTableHeader, "ng-template[krdsHeader]", never, {
+    "name": {
+      "alias": "krdsHeader";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** 행이 없을 때 보여 줄 내용 (`<ng-template krdsNoData>`) */
+export declare class KrdsTableNoData {
+  readonly template: TemplateRef<any>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsTableNoData, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsTableNoData, "ng-template[krdsNoData]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * KRDS 표. 열(`columns`)과 행(`rows`)으로 그리고, 첫 열은 행 머리글(th scope="row")이 된다.
+ * 셀·머리글·빈 목록은 `<ng-template krdsCell="열 이름">` 등으로 바꿔 넣는다.
+ * `clickable`이면 행을 클릭·Enter·Space로 고를 수 있다 (셀 안의 버튼·링크 클릭은 행 선택으로 보지 않음)
+ *
+ * @example
+ * <krds-table caption="신청 내역" tableClass="col data" [columns]="columns" [rows]="rows" clickable (rowClick)="open($event.row)">
+ *   <ng-template krdsCell="status" let-value="value"><span krdsBadge>{{ value }}</span></ng-template>
+ * </krds-table>
+ */
+export declare class KrdsTable<T extends object> {
+  /** 표 제목 (caption) */
+  readonly caption: import("@angular/core").InputSignal<string | undefined>;
+  /** 열 */
+  readonly columns: import("@angular/core").InputSignal<KrdsTableColumn<T>[]>;
+  /** 행 */
+  readonly rows: import("@angular/core").InputSignal<T[]>;
+  /** table 요소에 더 붙일 KRDS 클래스 (예: 'col data') */
+  readonly tableClass: import("@angular/core").InputSignal<string | undefined>;
+  /** 행을 클릭·Enter·Space로 고를 수 있게 함 */
+  readonly clickable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 행을 골랐을 때 (clickable일 때) */
+  readonly rowClick: import("@angular/core").OutputEmitterRef<KrdsTableRowClick<T>>;
+  private readonly cells;
+  private readonly headers;
+  protected readonly noData: import("@angular/core").Signal<KrdsTableNoData | undefined>;
+  /** 머리글 스타일의 width를 colgroup 너비로 (하나도 없으면 colgroup 없음) */
+  protected readonly colWidths: import("@angular/core").Signal<(string | null)[] | null>;
+  protected cellOf(name: string): TemplateRef<KrdsTableCellContext<object>> | null;
+  protected headerOf(name: string): TemplateRef<KrdsTableHeaderContext> | null;
+  protected valueOf(row: T, column: KrdsTableColumn<T>): unknown;
+  protected headerClass(column: KrdsTableColumn<T>): string;
+  protected cellClass(row: T, column: KrdsTableColumn<T>): string;
+  protected cellStyle(row: T, column: KrdsTableColumn<T>): string | null;
+  protected onRowClick(event: MouseEvent, row: T, index: number): void;
+  protected onRowKeydown(event: KeyboardEvent, row: T, index: number): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsTable<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsTable<any>, "krds-table", never, {
+    "caption": {
+      "alias": "caption";
+      "required": false;
+      "isSignal": true;
+    };
+    "columns": {
+      "alias": "columns";
+      "required": true;
+      "isSignal": true;
+    };
+    "rows": {
+      "alias": "rows";
+      "required": true;
+      "isSignal": true;
+    };
+    "tableClass": {
+      "alias": "tableClass";
+      "required": false;
+      "isSignal": true;
+    };
+    "clickable": {
+      "alias": "clickable";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "rowClick": "rowClick";
+  }, ["cells", "headers", "noData"], never, true, never>;
+}
+/** 탭 */
+export interface KrdsTabItem {
+  /** 탭 id (패널의 krdsTabPanel과 같게) */
+  id: string;
+  /** 탭 이름 */
+  label: string;
+  /** 비활성화 */
+  disabled?: boolean;
+}
+/** 탭 스타일 */
+export type KrdsTabsVariant = 'line' | 'fill';
+/** 탭 패널 내용 (`<ng-template krdsTabPanel="탭 id">`) */
+export declare class KrdsTabPanel {
+  /** 패널이 속한 탭 id */
+  readonly id: import("@angular/core").InputSignal<string>;
+  readonly template: TemplateRef<any>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsTabPanel, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsTabPanel, "ng-template[krdsTabPanel]", never, {
+    "id": {
+      "alias": "krdsTabPanel";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * KRDS 탭. 탭 목록은 `tabs`로, 패널 내용은 탭 id별 `<ng-template krdsTabPanel>`으로 넣는다.
+ * 선택한 탭 id는 `[(selected)]`로 주고받고(없으면 첫 활성 탭), 방향키(←·→)로 탭 사이 초점을 옮긴다.
+ * 방향키는 비활성 탭을 건너뛰고 끝에서 처음으로 돌아가며, Home·End는 첫·마지막 탭으로 간다 (WAI-ARIA 탭 패턴)
+ *
+ * @example
+ * <krds-tabs [tabs]="[{ id: 'notice', label: '공지' }, { id: 'faq', label: '자주 묻는 질문' }]" [(selected)]="tab">
+ *   <ng-template krdsTabPanel="notice">공지 목록</ng-template>
+ *   <ng-template krdsTabPanel="faq">질문 목록</ng-template>
+ * </krds-tabs>
+ */
+export declare class KrdsTabs {
+  /** 탭 목록 */
+  readonly tabs: import("@angular/core").InputSignal<KrdsTabItem[]>;
+  /** 선택한 탭 id */
+  readonly selected: import("@angular/core").ModelSignal<string | undefined>;
+  /** 스타일 */
+  readonly variant: import("@angular/core").InputSignal<KrdsTabsVariant>;
+  /** 탭을 전체 폭으로 나눔 */
+  readonly full: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 선택한 탭을 화면낭독기에 알리는 문구 */
+  readonly selectedText: import("@angular/core").InputSignal<string>;
+  private readonly uid;
+  private readonly panels;
+  protected readonly active: import("@angular/core").Signal<string | undefined>;
+  protected tabId(id: string): string;
+  protected panelId(id: string): string;
+  protected panelOf(id: string): TemplateRef<any> | null;
+  protected select(tab: KrdsTabItem): void;
+  protected onKeydown(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsTabs, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsTabs, "krds-tabs", never, {
+    "tabs": {
+      "alias": "tabs";
+      "required": true;
+      "isSignal": true;
+    };
+    "selected": {
+      "alias": "selected";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "full": {
+      "alias": "full";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectedText": {
+      "alias": "selectedText";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "selected": "selectedChange";
+  }, ["panels"], never, true, never>;
+}
+/** 태그 묶음 크기 */
+export type KrdsTagGroupSize = 'small' | 'medium' | 'large';
+/**
+ * KRDS 태그. `<krds-tag>`는 삭제 버튼이 있는 태그, `<a krdsTag>`는 링크 태그다.
+ * 삭제 버튼 이름은 "태그 내용 삭제"로 읽혀 어느 태그를 지우는지 알 수 있다. 태그 크기와 색은 감싸는 `[krdsTagGroup]`이 정한다
+ *
+ * @example
+ * <div krdsTagGroup>
+ *   <krds-tag (remove)="remove(tag)">{{ tag }}</krds-tag>
+ *   <a krdsTag href="/search?q=정책">#정책</a>
+ * </div>
+ */
+export declare class KrdsTag {
+  /** 삭제 버튼을 클릭했을 때 */
+  readonly remove: import("@angular/core").OutputEmitterRef<MouseEvent>;
+  protected readonly isLink: boolean;
+  protected readonly labelId: string;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsTag, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsTag, "krds-tag, a[krdsTag]", never, {}, {
+    "remove": "remove";
+  }, never, ["*"], true, never>;
+}
+/**
+ * 태그 묶음. 안에 든 태그의 크기와 색을 정한다
+ */
+export declare class KrdsTagGroup {
+  /** 태그 크기 */
+  readonly size: import("@angular/core").InputSignal<KrdsTagGroupSize>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsTagGroup, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsTagGroup, "[krdsTagGroup]", never, {
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** 텍스트 목록 스타일 */
+export type KrdsTextListVariant = 'decimal' | 'dash' | 'hollow' | 'ordered';
+/**
+ * KRDS 텍스트 목록. 기본 `<ul>`·`<ol>`에 KRDS 클래스만 붙인다
+ *
+ * @example <ol krdsTextList variant="decimal"><li>신청서를 작성합니다.</li></ol>
+ */
+export declare class KrdsTextList {
+  /** 스타일 */
+  readonly variant: import("@angular/core").InputSignal<KrdsTextListVariant>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsTextList, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<KrdsTextList, "ul[krdsTextList], ol[krdsTextList]", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * KRDS 텍스트 영역의 글자 수 표시. 안에 `<textarea krdsInput>`을 넣고 현재 글자 수를 `count`로 넘긴다.
+ * 글자 수 표시가 없으면 이 묶음 없이 `<textarea krdsInput>`만 쓴다
+ *
+ * @example
+ * <krds-form-group label="문의 내용">
+ *   <krds-textarea [count]="content.length" [max]="500">
+ *     <textarea krdsInput [(ngModel)]="content" maxlength="500"></textarea>
+ *   </krds-textarea>
+ * </krds-form-group>
+ */
+export declare class KrdsTextarea {
+  /** 현재 글자 수 (지정하면 글자 수 표시) */
+  readonly count: import("@angular/core").InputSignal<number | undefined>;
+  /** 최대 글자 수 */
+  readonly max: import("@angular/core").InputSignal<number | undefined>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsTextarea, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsTextarea, "krds-textarea", never, {
+    "count": {
+      "alias": "count";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+/** 토스트 유형 (기본 노출 시간을 정함) */
+export type KrdsToastType = 'info' | 'warning';
+/** 토스트 옵션 */
+export interface KrdsToastOptions {
+  /** 유형 (info 3초, warning 4초) */
+  type?: KrdsToastType;
+  /** 노출 시간(ms). 0이면 자동으로 닫지 않는다 */
+  duration?: number;
+}
+/**
+ * 어디서든 토스트를 띄우는 서비스. 앱에 `<krds-toast />`를 한 번 두고 쓴다 (서버 렌더링에서는 띄우지 않음)
+ *
+ * @example
+ * private readonly toast = inject(KrdsToastService)
+ * save() { this.toast.info('저장되었습니다.') }
+ */
+export declare class KrdsToastService {
+  private readonly browser;
+  private readonly state;
+  private seq;
+  private timer?;
+  /** 지금 띄운 토스트 (show()마다 id가 바뀜) */
+  readonly current: import("@angular/core").Signal<{
+    id: number;
+    message: string;
+  } | null>;
+  /** 토스트 표시 (떠 있으면 메시지를 바꾸고 노출 시간을 다시 센다) */
+  show(message: string, options?: KrdsToastOptions): void;
+  /** 정보형 토스트 (3초): 인증·저장·업로드 완료 등 */
+  info(message: string, duration?: number): void;
+  /** 주의·경고형 토스트 (4초): 인증·저장·업로드 실패 등 */
+  warning(message: string, duration?: number): void;
+  /** 토스트 닫기 */
+  hide(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsToastService, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+/**
+ * KRDS 토스트 영역. 화면낭독기가 읽는 role="status" 영역은 늘 두고, KrdsToastService로 띄운 메시지를 넣는다
+ *
+ * @example <krds-toast />
+ */
+export declare class KrdsToast {
+  protected readonly service: KrdsToastService;
+  private readonly ready;
+  protected readonly shown: import("@angular/core").Signal<boolean>;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsToast, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsToast, "krds-toast", never, {}, {}, never, never, true, never>;
+}
+/** 토글 스위치 크기 */
+export type KrdsToggleSwitchSize = 'medium' | 'large';
+/**
+ * KRDS 토글 스위치. 안에 넣은 `<input type="checkbox" krdsControl>` 뒤에 스위치 모양 label을 붙여 연결한다.
+ * 켜짐 상태·disabled는 기본 input에 그대로 쓴다 (`[(ngModel)]`, `formControlName` 포함)
+ *
+ * @example <krds-toggle-switch><input type="checkbox" krdsControl [(ngModel)]="alarm" />알림</krds-toggle-switch>
+ */
+export declare class KrdsToggleSwitch {
+  /** 크기 */
+  readonly size: import("@angular/core").InputSignal<KrdsToggleSwitchSize>;
+  protected readonly control: import("@angular/core").Signal<KrdsControl>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsToggleSwitch, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsToggleSwitch, "krds-toggle-switch", never, {
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["control"], ["[krdsControl]", "*"], true, never>;
+}
+/** 툴팁 버튼 형태: default는 작은 텍스트 버튼, icon은 아이콘 버튼, button은 일반 버튼 */
+export type KrdsTooltipType = 'default' | 'icon' | 'button';
+/**
+ * KRDS 툴팁. 버튼에 마우스를 올리거나 초점을 주면 설명을 보여 주고, 떠나거나 Esc·스크롤·화면 크기 변경이면 숨긴다.
+ * 버튼 이름은 버튼 글자와 설명을 합친 것(aria-labelledby)이라 아이콘 버튼도 설명으로 이름을 얻는다
+ *
+ * @example <krds-tooltip content="신청 후 3일 안에 처리됩니다">처리 기간 <i class="svg-icon ico-angle right"></i></krds-tooltip>
+ */
+export declare class KrdsTooltip {
+  /** 설명 */
+  readonly content: import("@angular/core").InputSignal<string>;
+  /** 버튼 형태 */
+  readonly type: import("@angular/core").InputSignal<KrdsTooltipType>;
+  /** 위아래로 펼침 */
+  readonly vertical: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 상자형 */
+  readonly box: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 비활성화 */
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly popoverId: string;
+  protected readonly visible: import("@angular/core").WritableSignal<boolean>;
+  protected readonly buttonText: import("@angular/core").WritableSignal<string>;
+  private readonly position;
+  private readonly button;
+  private readonly popover;
+  private readonly injector;
+  protected readonly buttonClass: import("@angular/core").Signal<string>;
+  protected readonly popoverClass: import("@angular/core").Signal<string>;
+  protected readonly popoverStyle: import("@angular/core").Signal<{
+    display: string | null;
+  }>;
+  constructor();
+  protected show(): void;
+  protected hide(): void;
+  /** 버튼 위치와 화면 가운데를 기준으로 위·아래·좌·우를 정한다 (모바일·상자형·세로형은 위아래) */
+  private updatePosition;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsTooltip, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsTooltip, "krds-tooltip", never, {
+    "content": {
+      "alias": "content";
+      "required": true;
+      "isSignal": true;
+    };
+    "type": {
+      "alias": "type";
+      "required": false;
+      "isSignal": true;
+    };
+    "vertical": {
+      "alias": "vertical";
+      "required": false;
+      "isSignal": true;
+    };
+    "box": {
+      "alias": "box";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+/** 음성 지원 버튼 크기 */
+export type KrdsTtsSize = 'xsmall' | 'small' | 'medium';
+/** 음성 지원 아이콘 */
+export type KrdsTtsIcon = 'volume' | 'play';
+/**
+ * KRDS 음성 지원. 기본 `<button>`에 붙여, 누르면 text를 한국어 음성으로 읽고(SpeechSynthesis) 다시 누르면 멈춘다.
+ * label이 없으면 aria-label로 이름을 준다
+ *
+ * @example <button krdsTts text="신청 방법을 안내합니다." label="듣기"></button>
+ */
+export declare class KrdsTts {
+  /** 읽을 글 */
+  readonly text: import("@angular/core").InputSignal<string>;
+  /** 화면에 보이는 버튼 글자 */
+  readonly label: import("@angular/core").InputSignal<string | undefined>;
+  /** 크기 */
+  readonly size: import("@angular/core").InputSignal<KrdsTtsSize>;
+  /** 아이콘 */
+  readonly iconType: import("@angular/core").InputSignal<KrdsTtsIcon>;
+  /** 비활성화 (기본 disabled도 그대로 쓸 수 있음) */
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** 읽기 시작했을 때 */
+  readonly play: import("@angular/core").OutputEmitterRef<string>;
+  /** 눌러서 멈췄을 때 */
+  readonly pause: import("@angular/core").OutputEmitterRef<void>;
+  /** 끝까지 읽었을 때 */
+  readonly end: import("@angular/core").OutputEmitterRef<void>;
+  /** 읽지 못했을 때 (SpeechSynthesis 미지원 포함) */
+  readonly error: import("@angular/core").OutputEmitterRef<Error>;
+  protected readonly playing: import("@angular/core").WritableSignal<boolean>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  protected readonly icon: import("@angular/core").Signal<"ico-stop" | "ico-play" | "ico-volume">;
+  constructor();
+  private stop;
+  protected toggle(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<KrdsTts, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<KrdsTts, "button[krdsTts]", never, {
+    "text": {
+      "alias": "text";
+      "required": true;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "iconType": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "play": "play";
+    "pause": "pause";
+    "end": "end";
+    "error": "error";
+  }, never, never, true, never>;
+}
+export {};