@sellmate/design-system 1.29.0 → 1.31.0

package/dist/types/components.d.ts

@@ -33,7 +33,7 @@ import { SdLoadingShowArgs } from "./components/sd-loading-container/sd-loading-
 import { LoadingModalState } from "./components/sd-loading-modal/sd-loading-modal.config";
 import { ConfirmModalOptions, LoadingModalOptions, ModalDialogRefLike, SdModalCreateOptions } from "./components/sd-modal-container/sd-modal-container.config";
 import { NumberInputSize } from "./components/sd-number-input/sd-number-input.config";
-import { PopoverButton, PopoverLink } from "./components/sd-popover/sd-popover";
+import { PopoverType } from "./components/sd-popover/sd-popover.config";
 import { PopupType } from "./components/sd-popup/sd-popup.config";
 import { RadioValue } from "./components/sd-radio/sd-radio";
 import { RadioValue as RadioValue1 } from "./components/sd-radio/sd-radio";
@@ -43,6 +43,8 @@ import { SelectOption, SelectOptionSelectDetail, SelectType, SelectValue } from
 import { TabOption, TabSize } from "./components/sd-tabs/sd-tabs.config";
 import { TagName as TagName1 } from "./components/sd-tag/sd-tag.config";
 import { TextLinkSize } from "./components/sd-text-link/sd-text-link.config";
+import { TimePickerSize, TimePickerType } from "./components/sd-time-picker/sd-time-picker.config";
+import { TimeRangePickerRangeOrder, TimeRangePickerSize, TimeRangePickerType, TimeRangeValue } from "./components/sd-time-range-picker/sd-time-range-picker.config";
 import { ToastType } from "./components/sd-toast/sd-toast.config";
 import { ToastEntry, ToastNotifyOptions, ToastPosition } from "./components/sd-toast-container/sd-toast-container.config";
 export { ButtonName, ButtonProps, ButtonType } from "./components/sd-button/sd-button.config";
@@ -73,7 +75,7 @@ export { SdLoadingShowArgs } from "./components/sd-loading-container/sd-loading-
 export { LoadingModalState } from "./components/sd-loading-modal/sd-loading-modal.config";
 export { ConfirmModalOptions, LoadingModalOptions, ModalDialogRefLike, SdModalCreateOptions } from "./components/sd-modal-container/sd-modal-container.config";
 export { NumberInputSize } from "./components/sd-number-input/sd-number-input.config";
-export { PopoverButton, PopoverLink } from "./components/sd-popover/sd-popover";
+export { PopoverType } from "./components/sd-popover/sd-popover.config";
 export { PopupType } from "./components/sd-popup/sd-popup.config";
 export { RadioValue } from "./components/sd-radio/sd-radio";
 export { RadioValue as RadioValue1 } from "./components/sd-radio/sd-radio";
@@ -83,6 +85,8 @@ export { SelectOption, SelectOptionSelectDetail, SelectType, SelectValue } from
 export { TabOption, TabSize } from "./components/sd-tabs/sd-tabs.config";
 export { TagName as TagName1 } from "./components/sd-tag/sd-tag.config";
 export { TextLinkSize } from "./components/sd-text-link/sd-text-link.config";
+export { TimePickerSize, TimePickerType } from "./components/sd-time-picker/sd-time-picker.config";
+export { TimeRangePickerRangeOrder, TimeRangePickerSize, TimeRangePickerType, TimeRangeValue } from "./components/sd-time-range-picker/sd-time-range-picker.config";
 export { ToastType } from "./components/sd-toast/sd-toast.config";
 export { ToastEntry, ToastNotifyOptions, ToastPosition } from "./components/sd-toast-container/sd-toast-container.config";
 export namespace Components {
@@ -358,9 +362,9 @@ export namespace Components {
          */
         "val"?: any;
         /**
-          * 현재 선택 상태 또는 배열 형태의 값
+          * 현재 선택 상태 또는 배열 형태의 값 (미지정 시 미선택 상태)
          */
-        "value": CheckedType;
+        "value"?: CheckedType;
     }
     interface SdChip {
         /**
@@ -369,8 +373,8 @@ export namespace Components {
          */
         "disabled": boolean;
         /**
-          * 인라인 편집 가능 여부
-          * @default true
+          * 인라인 편집 가능 여부 (기본값 false)
+          * @default false
          */
         "editable": boolean;
         /**
@@ -429,10 +433,6 @@ export namespace Components {
         "value": string;
     }
     interface SdChipInput {
-        /**
-          * 자동완성 드롭다운 최소 너비 (숫자면 px, 문자열이면 그대로 적용. 없으면 입력 필드 너비를 사용)
-         */
-        "autocompleteMinWidth"?: string | number;
         /**
           * 비활성 상태 여부
           * @default false
@@ -443,6 +443,11 @@ export namespace Components {
           * @default []
          */
         "disabledChips": boolean[] | ((value: string) => boolean);
+        /**
+          * 드롭다운(자동완성) 최소 너비 (숫자면 px, 문자열이면 그대로 적용. 기본값 200)
+          * @default 200
+         */
+        "dropdownMinWidth"?: string | number;
         /**
           * 중복 에러 메시지에 표시할 항목 이름 (없으면 기본 메시지 사용)
          */
@@ -506,6 +511,11 @@ export namespace Components {
           * 최대 입력 가능한 칩 개수 (없으면 제한 없음)
          */
         "maxCount"?: number;
+        /**
+          * 최대 개수·초기화 meta 위치 (end=우측 끝으로 정렬 / inline=콘텐츠에 이어서 배치)
+          * @default 'end'
+         */
+        "metaPlacement": 'end' | 'inline';
         /**
           * 폼 연동용 name 속성
           * @default nanoid()
@@ -788,6 +798,10 @@ export namespace Components {
           * @default 'sm'
          */
         "size": DatePickerSize;
+        /**
+          * 필드 상태 (없으면 error/rules 결과로 자동 결정)
+         */
+        "status"?: 'default' | 'pass' | 'error';
         /**
           * 선택된 날짜 (YYYY-MM-DD)
           * @default null
@@ -917,6 +931,15 @@ export namespace Components {
           * @default 'sm'
          */
         "size": DatePickerSize1;
+        /**
+          * 필드 상태 (없으면 error/rules 결과로 자동 결정)
+         */
+        "status"?: 'default' | 'pass' | 'error';
+        /**
+          * 시간(시:분) 선택 푸터 사용 여부. true이면 value는 "YYYY-MM-DD HH:mm" 형식이 되고, 캘린더 하단에 시작·종료 시간 입력이 표시됩니다.
+          * @default false
+         */
+        "useTimePicker": boolean;
         /**
           * 선택된 날짜 범위 [시작일, 종료일] (YYYY-MM-DD)
           * @default null
@@ -937,6 +960,11 @@ export namespace Components {
           * 선택 가능한 날짜 범위 제한
          */
         "selectable"?: [string, string];
+        /**
+          * 시간(시:분) 선택 푸터 사용 여부
+          * @default false
+         */
+        "useTimePicker": boolean;
         /**
           * 선택된 날짜 범위 [시작일, 종료일]
           * @default null
@@ -1041,6 +1069,10 @@ export namespace Components {
           * @default ''
          */
         "label": string;
+        /**
+          * 레이블 박스 높이 (숫자면 px). 미지정 시 size별 기본값 사용. multiline 등 컨트롤 박스가 커질 때 레이블을 첫 행에 맞추기 위해 사용한다.
+         */
+        "labelHeight"?: number | string;
         /**
           * 레이블 툴팁 텍스트
           * @default ''
@@ -1056,6 +1088,11 @@ export namespace Components {
           * @default ''
          */
         "labelWidth": string | number;
+        /**
+          * 멀티라인 컨트롤 — 컨트롤 높이를 고정하지 않고 min-height만 적용한다.
+          * @default false
+         */
+        "multiline": boolean;
         /**
           * 폼 연동용 name 속성
           * @default ''
@@ -1220,6 +1257,11 @@ export namespace Components {
           * 유효성 검사를 실행합니다.
          */
         "sdValidate": () => Promise<boolean>;
+        /**
+          * 필드 크기
+          * @default 'sm'
+         */
+        "size": FieldSize;
         /**
           * 필드 상태 (없으면 rules 결과로 자동 결정)
          */
@@ -1319,6 +1361,10 @@ export namespace Components {
           * @default 'default'
          */
         "intent": GhostButtonIntent;
+        /**
+          * 토글 버튼일 때 눌림 상태 → `aria-pressed`로 반영. 미지정 시 속성 자체를 내보내지 않는다. (DOM `Element.ariaPressed`(문자열 예약 속성)와 충돌하므로 prop 이름은 `pressed`)
+         */
+        "pressed"?: boolean;
         /**
           * 버튼 크기
           * @default 'sm'
@@ -1553,7 +1599,7 @@ export namespace Components {
           * 입력 타입
           * @default 'text'
          */
-        "type": 'text' | 'password' | 'email';
+        "type": 'text' | 'password' | 'email' | 'number' | 'tel' | 'search' | 'url';
         /**
           * 입력 값
           * @default null
@@ -1774,6 +1820,10 @@ export namespace Components {
           * @default Number.POSITIVE_INFINITY
          */
         "max": number;
+        /**
+          * 소수점 이하 최대 자리수 (useDecimal일 때만 적용, 초과 입력한 소수부는 잘라냄)
+         */
+        "maxDecimalLength"?: number;
         /**
           * 최솟값
           * @default Number.NEGATIVE_INFINITY
@@ -1877,71 +1927,60 @@ export namespace Components {
          */
         "ariaLabel": string;
         /**
-          * 팝오버 하단 버튼 옵션
+          * 하단 우측 버튼 레이블 (필수). 색상/스타일은 type 별로 고정
          */
-        "button"?: PopoverButton;
+        "buttonLabel": string;
         /**
-          * 아이콘 트리거 색상
+          * 기본(아이콘) 트리거 색상
           * @default '#01BB4B'
          */
         "color": string;
         /**
-          * 비활성 상태 여부
+          * 기본 표시 여부 (비제어)
           * @default false
          */
-        "disabled": boolean;
+        "defaultOpen": boolean;
         /**
-          * 아이콘 트리거 아이콘명
+          * 기본(아이콘) 트리거 아이콘명. slot="trigger" 가 있으면 무시
           * @default 'helpOutline'
          */
         "icon": IconName;
         /**
-          * 아이콘 트리거 크기
+          * 기본(아이콘) 트리거 크기
           * @default 12
          */
         "iconSize": number;
         /**
-          * 버튼 트리거 레이블 (있으면 아이콘 대신 버튼 렌더링)
-          * @default ''
-         */
-        "label": string;
-        /**
-          * 팝오버 하단 좌측 링크 옵션
+          * 하단 좌측 링크 레이블 (선택)
          */
-        "leftLink"?: PopoverLink;
+        "leftLinkLabel"?: string;
         /**
           * 팝오버 메뉴에 추가할 클래스
           * @default ''
          */
-        "menuClass": string;
+        "menuClassName": string;
         /**
-          * 팝오버 메뉴 제목
+          * 메뉴 제목 (필수)
          */
-        "menuTitle"?: string;
+        "menuTitle": string;
         /**
-          * 버튼 트리거 프리셋
-          * @default 'primary_sm'
+          * 표시 여부 (제어). 미지정 시 defaultOpen 기반 비제어로 동작
          */
-        "name": ButtonName;
+        "open"?: boolean;
         /**
           * 팝오버를 표시할 방향
           * @default 'bottom'
          */
         "placement": 'top' | 'bottom' | 'left' | 'right';
         /**
-          * 버튼 트리거 우측 아이콘
-         */
-        "rightIcon"?: IconName;
-        /**
-          * 팝오버 표시 여부
-          * @default false
+          * 제목 좌측 아이콘 (선택)
          */
-        "show": boolean;
+        "titleIcon"?: IconName;
         /**
-          * 버튼 type 속성
-          * @default 'button'
+          * 색상 타입 (default=다크 배경 / danger·warning·accent=라이트 배경)
+          * @default 'default'
          */
-        "type": ButtonType;
+        "type": PopoverType;
     }
     interface SdPopup {
         /**
@@ -2011,6 +2050,10 @@ export namespace Components {
           * 표시할 라벨 텍스트
          */
         "label"?: string;
+        /**
+          * native radio 그룹핑을 위한 name 속성 (미지정 시 val을 name으로 사용)
+         */
+        "name"?: string;
         /**
           * 이 라디오 아이템의 값
          */
@@ -2018,7 +2061,7 @@ export namespace Components {
         /**
           * 라디오 그룹의 현재 선택 값
          */
-        "value": RadioValue;
+        "value"?: RadioValue;
     }
     interface SdRadioButton {
         /**
@@ -2041,9 +2084,9 @@ export namespace Components {
          */
         "size": 'xs' | 'sm';
         /**
-          * 현재 선택된 값
+          * 현재 선택된 값 (미지정 시 선택 없음)
          */
-        "value": RadioValue1;
+        "value"?: RadioValue1;
     }
     interface SdRadioGroup {
         /**
@@ -2066,9 +2109,9 @@ export namespace Components {
          */
         "options": RadioOption1[];
         /**
-          * 현재 선택된 값
+          * 현재 선택된 값 (미지정 시 선택 없음)
          */
-        "value": RadioValue1;
+        "value"?: RadioValue1;
     }
     interface SdSelect {
         /**
@@ -2327,9 +2370,18 @@ export namespace Components {
         "disabled": boolean;
         /**
           * 표시할 라벨 텍스트
+          * @deprecated `rightLabel` 사용. 우측 라벨(하위호환)
           * @default ''
          */
         "label": string;
+        /**
+          * 스위치 좌측 라벨
+         */
+        "leftLabel"?: string;
+        /**
+          * 스위치 우측 라벨
+         */
+        "rightLabel"?: string;
         /**
           * 현재 on/off 상태
           * @default false
@@ -2368,10 +2420,10 @@ export namespace Components {
          */
         "icon"?: IconName;
         /**
-          * true이면 아이콘을 레이블 왼쪽에 배치
+          * 아이콘을 레이블 왼쪽에 배치할지 여부 (기본값 true)
           * @default true
          */
-        "isLeft": boolean;
+        "iconLeft": boolean;
         /**
           * 표시할 레이블 텍스트
           * @default ''
@@ -2583,194 +2635,488 @@ export namespace Components {
          */
         "width": string | number;
     }
-    interface SdToast {
+    interface SdTimePicker {
         /**
-          * 우측 버튼 레이블
+          * 어드온 정렬 방향
+          * @default 'start'
          */
-        "buttonLabel"?: string;
+        "addonAlign": FieldAddonAlign;
         /**
-          * 좌측 아이콘명
+          * 필드 우측 어드온 레이블
+          * @default ''
          */
-        "icon"?: IconName;
+        "addonLabel": string;
         /**
-          * 우측 링크 URL
+          * 값이 있을 때 지우기 버튼 표시 여부
+          * @default false
          */
-        "link"?: string;
+        "clearable": boolean;
         /**
-          * 링크 표시 레이블 (없으면 URL 표시)
+          * 비활성 상태 여부
+          * @default false
          */
-        "linkLabel"?: string;
+        "disabled": boolean;
         /**
-          * 표시할 메시지
+          * 에러 상태 여부
+          * @default false
          */
-        "message": string;
+        "error": boolean;
         /**
-          * 토스트 타입 (색상/아이콘 프리셋)
-          * @default 'default'
+          * 에러 메시지
+          * @default ''
          */
-        "type": ToastType;
+        "errorMessage": string;
         /**
-          * 닫기 버튼 표시 여부
-          * @default false
+          * 필드 하단 힌트 텍스트
+          * @default ''
          */
-        "useClose": boolean;
-    }
-    interface SdToastContainer {
+        "hint": string;
         /**
-          * 토스트를 생성하고 ID를 반환합니다.
+          * 레이블 영역 아이콘
+          * @default undefined
          */
-        "create": (options: ToastNotifyOptions) => Promise<string>;
+        "icon"?: IconProps;
         /**
-          * 자동 닫힘 지연 시간 (ms, 0이면 자동 닫힘 없음)
-          * @default DEFAULT_DURATION
+          * 레이블 텍스트
+          * @default ''
          */
-        "defaultDuration": number;
+        "label": string;
         /**
-          * 지정한 ID의 토스트를 닫습니다.
+          * 레이블 툴팁 텍스트
+          * @default ''
          */
-        "dismiss": (id: string) => Promise<void>;
+        "labelTooltip": string;
         /**
-          * 모든 토스트를 닫습니다.
+          * 레이블 툴팁 상세 옵션
+          * @default null
          */
-        "dismissAll": () => Promise<void>;
+        "labelTooltipProps": SdTooltipProps | null;
         /**
-          * 동시에 표시할 최대 토스트 수
-          * @default DEFAULT_MAX_VISIBLE
+          * 레이블 너비
+          * @default ''
          */
-        "maxVisible": number;
+        "labelWidth": string | number;
         /**
-          * 토스트 표시 위치
-          * @default 'bottom-center'
+          * 분 증감 단위
+          * @default 1
          */
-        "position": ToastPosition;
+        "minuteStep": number;
         /**
-          * z-index
-          * @default DEFAULT_Z_INDEX
+          * 폼 연동용 name 속성
+          * @default nanoid()
          */
-        "zIndex": number;
-    }
-    interface SdToggle {
+        "name": string;
         /**
-          * 비활성 상태 여부
-          * @default false
+          * 시간 미선택 시 표시할 placeholder
+          * @default '00:00'
          */
-        "disabled": boolean;
+        "placeholder": string;
         /**
-          * 표시할 레이블 텍스트
-          * @default ''
+          * 유효성 검사 규칙 목록
+          * @default []
          */
-        "label": string;
+        "rules"?: Rule[];
         /**
-          * 현재 선택 상태
-          * @default false
+          * 입력 필드에 포커스를 이동합니다.
          */
-        "value": boolean;
-    }
-    interface SdTooltip {
+        "sdFocus": () => Promise<void | undefined>;
         /**
-          * 스크린리더용 접근성 레이블
-          * @default ''
+          * 값과 유효성 상태를 초기화합니다.
          */
-        "ariaLabel": string;
+        "sdReset": () => Promise<void | undefined>;
         /**
-          * 아이콘 트리거 색상
-          * @default '#01BB4B'
+          * 유효성 상태만 초기화합니다.
          */
-        "color": string;
+        "sdResetValidate": () => Promise<void | undefined>;
         /**
-          * 비활성 상태 여부
-          * @default false
+          * 유효성 검사를 실행합니다.
          */
-        "disabled": boolean;
+        "sdValidate": () => Promise<boolean | undefined>;
         /**
-          * 툴팁을 숨깁니다.
+          * 입력 필드 크기
+          * @default 'sm'
          */
-        "hide": () => Promise<void>;
+        "size": TimePickerSize;
         /**
-          * 아이콘 트리거 아이콘명
-          * @default 'helpOutline'
+          * 필드 상태 (없으면 error/rules 결과로 자동 결정)
          */
-        "icon": IconName;
+        "status"?: 'default' | 'pass' | 'error';
         /**
-          * 아이콘 트리거 크기
-          * @default 12
+          * 표시 타입: default(24시간) / midday(오전·오후)
+          * @default 'default'
          */
-        "iconSize": number;
+        "type": TimePickerType;
+        /**
+          * 오전/오후 선택 표시 여부. 지정하지 않으면 type="midday"일 때만 켜집니다.
+         */
+        "useMeridiem"?: boolean;
         /**
-          * 버튼 트리거 레이블 (있으면 아이콘 대신 버튼 렌더링)
+          * 선택된 시간 (HH:mm)
+          * @default null
+         */
+        "value": string | null;
+        /**
+          * 필드 너비 (숫자면 px, 문자열이면 그대로 적용)
           * @default ''
          */
-        "label": string;
+        "width": string | number;
+    }
+    interface SdTimePickerSelector {
         /**
-          * 툴팁 본문에 표시할 메시지. 각 항목이 한 줄로 innerHTML 렌더링됩니다. (HTML 문자열 허용) 지정하지 않으면 slot 으로 전달한 내용을 본문으로 사용합니다.
-          * @default []
+          * 분 증감 단위
+          * @default 1
          */
-        "message": string[];
+        "minuteStep": number;
         /**
-          * 버튼 트리거 프리셋
-          * @default 'primary_sm'
+          * 오전/오후 선택 표시 여부
+          * @default true
          */
-        "name": ButtonName;
+        "useMeridiem": boolean;
         /**
-          * 툴팁 표시 방향
-          * @default 'top'
+          * 선택된 시간 (HH:mm)
+          * @default null
          */
-        "placement": 'top' | 'bottom' | 'left' | 'right';
+        "value": string | null;
+    }
+    interface SdTimePickerTrigger {
         /**
-          * 버튼 트리거 우측 아이콘
+          * 지우기 버튼 표시 여부
+          * @default false
          */
-        "rightIcon"?: IconName;
+        "clearable": boolean;
+        /**
+          * 비활성 상태 여부
+          * @default false
+         */
+        "disabled": boolean;
         /**
-          * 트리거 래퍼(.sd-tooltip-trigger)에 추가할 클래스
+          * 표시할 시간 텍스트
           * @default ''
          */
-        "sdClass"?: string;
+        "displayText": string;
         /**
-          * 툴팁을 표시합니다.
+          * 입력 힌트 텍스트
+          * @default '00:00'
          */
-        "show": () => Promise<void>;
+        "placeholder": string;
         /**
-          * 툴팁 배경/텍스트 색상 타입
-          * @default 'default'
+          * 트리거 크기
+          * @default 'sm'
          */
-        "tooltipType": TooltipType;
+        "size": TimePickerSize;
+    }
+    interface SdTimeRangePicker {
         /**
-          * 툴팁 트리거 방식
-          * @default 'hover'
+          * 어드온 정렬 방향
+          * @default 'start'
          */
-        "trigger": 'hover' | 'click';
+        "addonAlign": FieldAddonAlign;
         /**
-          * anchor 트리거 래퍼(.sd-tooltip-trigger)에 추가할 클래스. (예: Tailwind `block w-full`)
+          * 필드 우측 어드온 레이블
           * @default ''
          */
-        "triggerClass": string;
+        "addonLabel": string;
         /**
-          * anchor 트리거 래퍼에 적용할 인라인 스타일(CSS 문자열). (예: `width:100%`)
-          * @default ''
+          * 값이 있을 때 지우기 버튼 표시 여부
+          * @default false
          */
-        "triggerStyle": string;
+        "clearable": boolean;
         /**
-          * 버튼 type 속성
-          * @default 'button'
+          * 비활성 상태 여부
+          * @default false
          */
-        "type": ButtonType;
+        "disabled": boolean;
         /**
-          * 툴팁 우측 상단 닫기 버튼 표시 여부
+          * 에러 상태 여부
           * @default false
          */
-        "useClose": boolean;
-    }
-}
-export interface SdActionModalCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLSdActionModalElement;
-}
-export interface SdBarcodeInputCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
-    target: HTMLSdBarcodeInputElement;
-}
-export interface SdButtonCustomEvent<T> extends CustomEvent<T> {
-    detail: T;
+        "error": boolean;
+        /**
+          * 에러 메시지
+          * @default ''
+         */
+        "errorMessage": string;
+        /**
+          * 필드 하단 힌트 텍스트
+          * @default ''
+         */
+        "hint": string;
+        /**
+          * 레이블 영역 아이콘
+          * @default undefined
+         */
+        "icon"?: IconProps;
+        /**
+          * 레이블 텍스트
+          * @default ''
+         */
+        "label": string;
+        /**
+          * 레이블 툴팁 텍스트
+          * @default ''
+         */
+        "labelTooltip": string;
+        /**
+          * 레이블 툴팁 상세 옵션
+          * @default null
+         */
+        "labelTooltipProps": SdTooltipProps | null;
+        /**
+          * 레이블 너비
+          * @default ''
+         */
+        "labelWidth": string | number;
+        /**
+          * 분 증감 단위
+          * @default 1
+         */
+        "minuteStep": number;
+        /**
+          * 폼 연동용 name 속성
+          * @default nanoid()
+         */
+        "name": string;
+        /**
+          * 시간 미선택 시 표시할 placeholder
+          * @default '00:00 ~ 23:59'
+         */
+        "placeholder": string;
+        /**
+          * 범위 순서 정책. strict는 시작 시간이 종료 시간보다 늦어지지 않도록 보정합니다.
+          * @default 'strict'
+         */
+        "rangeOrder": TimeRangePickerRangeOrder;
+        /**
+          * 유효성 검사 규칙 목록
+          * @default []
+         */
+        "rules"?: Rule[];
+        /**
+          * 입력 필드에 포커스를 이동합니다.
+         */
+        "sdFocus": () => Promise<void | undefined>;
+        /**
+          * 값과 유효성 상태를 초기화합니다.
+         */
+        "sdReset": () => Promise<void | undefined>;
+        /**
+          * 유효성 상태만 초기화합니다.
+         */
+        "sdResetValidate": () => Promise<void | undefined>;
+        /**
+          * 유효성 검사를 실행합니다.
+         */
+        "sdValidate": () => Promise<boolean | undefined>;
+        /**
+          * 입력 필드 크기
+          * @default 'sm'
+         */
+        "size": TimeRangePickerSize;
+        /**
+          * 필드 상태 (없으면 error/rules 결과로 자동 결정)
+         */
+        "status"?: 'default' | 'pass' | 'error';
+        /**
+          * 표시 타입: default(24시간) / midday(오전·오후)
+          * @default 'default'
+         */
+        "type": TimeRangePickerType;
+        /**
+          * 오전/오후 선택 표시 여부. 지정하지 않으면 type="midday"일 때만 켜집니다.
+         */
+        "useMeridiem"?: boolean;
+        /**
+          * 선택된 시간 범위 [시작, 종료] (HH:mm)
+          * @default null
+         */
+        "value": TimeRangeValue;
+        /**
+          * 필드 너비 (숫자면 px, 문자열이면 그대로 적용)
+          * @default ''
+         */
+        "width": string | number;
+    }
+    interface SdTimeRangePickerSelector {
+        /**
+          * 분 증감 단위
+          * @default 1
+         */
+        "minuteStep": number;
+        /**
+          * 범위 순서 정책. strict는 시작 시간이 종료 시간보다 늦어지지 않도록 보정합니다.
+          * @default 'strict'
+         */
+        "rangeOrder": TimeRangePickerRangeOrder;
+        /**
+          * 오전/오후 선택 표시 여부
+          * @default false
+         */
+        "useMeridiem": boolean;
+        /**
+          * 선택된 시간 범위 [시작, 종료] (HH:mm)
+          * @default null
+         */
+        "value": TimeRangeValue;
+    }
+    interface SdToast {
+        /**
+          * 우측 버튼 레이블
+         */
+        "buttonLabel"?: string;
+        /**
+          * 좌측 아이콘명
+         */
+        "icon"?: IconName;
+        /**
+          * 우측 링크 URL
+         */
+        "link"?: string;
+        /**
+          * 링크 표시 레이블 (없으면 URL 표시)
+         */
+        "linkLabel"?: string;
+        /**
+          * 표시할 메시지
+         */
+        "message": string;
+        /**
+          * 토스트 타입 (색상/아이콘 프리셋)
+          * @default 'default'
+         */
+        "type": ToastType;
+        /**
+          * 닫기 버튼 표시 여부
+          * @default false
+         */
+        "useClose": boolean;
+    }
+    interface SdToastContainer {
+        /**
+          * 토스트를 생성하고 ID를 반환합니다.
+         */
+        "create": (options: ToastNotifyOptions) => Promise<string>;
+        /**
+          * 자동 닫힘 지연 시간 (ms, 0이면 자동 닫힘 없음)
+          * @default DEFAULT_DURATION
+         */
+        "defaultDuration": number;
+        /**
+          * 지정한 ID의 토스트를 닫습니다.
+         */
+        "dismiss": (id: string) => Promise<void>;
+        /**
+          * 모든 토스트를 닫습니다.
+         */
+        "dismissAll": () => Promise<void>;
+        /**
+          * 동시에 표시할 최대 토스트 수
+          * @default DEFAULT_MAX_VISIBLE
+         */
+        "maxVisible": number;
+        /**
+          * 토스트 표시 위치
+          * @default 'bottom-center'
+         */
+        "position": ToastPosition;
+        /**
+          * z-index
+          * @default DEFAULT_Z_INDEX
+         */
+        "zIndex": number;
+    }
+    interface SdToggle {
+        /**
+          * 비활성 상태 여부
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * 표시할 레이블 텍스트
+          * @default ''
+         */
+        "label": string;
+        /**
+          * 현재 선택 상태
+          * @default false
+         */
+        "value": boolean;
+    }
+    interface SdTooltip {
+        /**
+          * 스크린리더용 접근성 레이블
+          * @default ''
+         */
+        "ariaLabel": string;
+        /**
+          * 기본(아이콘) 트리거 색상
+          * @default '#01BB4B'
+         */
+        "color": string;
+        /**
+          * 비활성 — 트리거만 렌더하고 툴팁을 열지 않음
+          * @default false
+         */
+        "disabled": boolean;
+        /**
+          * 툴팁을 숨깁니다.
+         */
+        "hide": () => Promise<void>;
+        /**
+          * 기본(아이콘) 트리거 아이콘명. slot="anchor" 가 있으면 무시
+          * @default 'helpOutline'
+         */
+        "icon": IconName;
+        /**
+          * 기본(아이콘) 트리거 크기
+          * @default 12
+         */
+        "iconSize": number;
+        /**
+          * 툴팁 본문에 표시할 메시지. 각 항목이 한 줄로 innerHTML 렌더링됩니다. (HTML 문자열 허용) 지정하지 않으면 default slot 으로 전달한 내용을 본문으로 사용합니다.
+          * @default []
+         */
+        "message": string[];
+        /**
+          * 툴팁 표시 방향
+          * @default 'top'
+         */
+        "placement": 'top' | 'bottom' | 'left' | 'right';
+        /**
+          * 툴팁을 표시합니다.
+         */
+        "show": () => Promise<void>;
+        /**
+          * 툴팁 배경/텍스트 색상 타입
+          * @default 'default'
+         */
+        "tooltipType": TooltipType;
+        /**
+          * 툴팁 트리거 방식
+          * @default 'hover'
+         */
+        "trigger": 'hover' | 'click';
+        /**
+          * 트리거 래퍼(.sd-tooltip-trigger)에 추가할 클래스. (예: Tailwind `block w-full`)
+          * @default ''
+         */
+        "triggerClassName": string;
+        /**
+          * 툴팁 우측 상단 닫기 버튼 표시 여부
+          * @default false
+         */
+        "useClose": boolean;
+    }
+}
+export interface SdActionModalCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdActionModalElement;
+}
+export interface SdBarcodeInputCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdBarcodeInputElement;
+}
+export interface SdButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
     target: HTMLSdButtonElement;
 }
 export interface SdCalendarCustomEvent<T> extends CustomEvent<T> {
@@ -2913,7 +3259,27 @@ export interface SdTextareaCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdTextareaElement;
 }
-export interface SdToastCustomEvent<T> extends CustomEvent<T> {
+export interface SdTimePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdTimePickerElement;
+}
+export interface SdTimePickerSelectorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdTimePickerSelectorElement;
+}
+export interface SdTimePickerTriggerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdTimePickerTriggerElement;
+}
+export interface SdTimeRangePickerCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdTimeRangePickerElement;
+}
+export interface SdTimeRangePickerSelectorCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSdTimeRangePickerSelectorElement;
+}
+export interface SdToastCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSdToastElement;
 }
@@ -3414,6 +3780,8 @@ declare global {
     };
     interface HTMLSdPopoverElementEventMap {
         "sdShowChange": boolean;
+        "sdButtonClick": void;
+        "sdLeftLinkClick": void;
     }
     interface HTMLSdPopoverElement extends Components.SdPopover, HTMLStencilElement {
         addEventListener<K extends keyof HTMLSdPopoverElementEventMap>(type: K, listener: (this: HTMLSdPopoverElement, ev: SdPopoverCustomEvent<HTMLSdPopoverElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
@@ -3679,6 +4047,94 @@ declare global {
         prototype: HTMLSdTextareaElement;
         new (): HTMLSdTextareaElement;
     };
+    interface HTMLSdTimePickerElementEventMap {
+        "sdUpdate": string | null;
+        "sdDropDownShow": { isOpen: boolean };
+    }
+    interface HTMLSdTimePickerElement extends Components.SdTimePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdTimePickerElementEventMap>(type: K, listener: (this: HTMLSdTimePickerElement, ev: SdTimePickerCustomEvent<HTMLSdTimePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdTimePickerElementEventMap>(type: K, listener: (this: HTMLSdTimePickerElement, ev: SdTimePickerCustomEvent<HTMLSdTimePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSdTimePickerElement: {
+        prototype: HTMLSdTimePickerElement;
+        new (): HTMLSdTimePickerElement;
+    };
+    interface HTMLSdTimePickerSelectorElementEventMap {
+        "sdUpdate": string;
+    }
+    interface HTMLSdTimePickerSelectorElement extends Components.SdTimePickerSelector, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdTimePickerSelectorElementEventMap>(type: K, listener: (this: HTMLSdTimePickerSelectorElement, ev: SdTimePickerSelectorCustomEvent<HTMLSdTimePickerSelectorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdTimePickerSelectorElementEventMap>(type: K, listener: (this: HTMLSdTimePickerSelectorElement, ev: SdTimePickerSelectorCustomEvent<HTMLSdTimePickerSelectorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSdTimePickerSelectorElement: {
+        prototype: HTMLSdTimePickerSelectorElement;
+        new (): HTMLSdTimePickerSelectorElement;
+    };
+    interface HTMLSdTimePickerTriggerElementEventMap {
+        "sdTriggerClick": void;
+        "sdClear": void;
+    }
+    interface HTMLSdTimePickerTriggerElement extends Components.SdTimePickerTrigger, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdTimePickerTriggerElementEventMap>(type: K, listener: (this: HTMLSdTimePickerTriggerElement, ev: SdTimePickerTriggerCustomEvent<HTMLSdTimePickerTriggerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdTimePickerTriggerElementEventMap>(type: K, listener: (this: HTMLSdTimePickerTriggerElement, ev: SdTimePickerTriggerCustomEvent<HTMLSdTimePickerTriggerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSdTimePickerTriggerElement: {
+        prototype: HTMLSdTimePickerTriggerElement;
+        new (): HTMLSdTimePickerTriggerElement;
+    };
+    interface HTMLSdTimeRangePickerElementEventMap {
+        "sdUpdate": TimeRangeValue;
+        "sdDropDownShow": { isOpen: boolean };
+    }
+    interface HTMLSdTimeRangePickerElement extends Components.SdTimeRangePicker, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdTimeRangePickerElementEventMap>(type: K, listener: (this: HTMLSdTimeRangePickerElement, ev: SdTimeRangePickerCustomEvent<HTMLSdTimeRangePickerElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdTimeRangePickerElementEventMap>(type: K, listener: (this: HTMLSdTimeRangePickerElement, ev: SdTimeRangePickerCustomEvent<HTMLSdTimeRangePickerElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSdTimeRangePickerElement: {
+        prototype: HTMLSdTimeRangePickerElement;
+        new (): HTMLSdTimeRangePickerElement;
+    };
+    interface HTMLSdTimeRangePickerSelectorElementEventMap {
+        "sdUpdate": [string, string];
+    }
+    interface HTMLSdTimeRangePickerSelectorElement extends Components.SdTimeRangePickerSelector, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLSdTimeRangePickerSelectorElementEventMap>(type: K, listener: (this: HTMLSdTimeRangePickerSelectorElement, ev: SdTimeRangePickerSelectorCustomEvent<HTMLSdTimeRangePickerSelectorElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLSdTimeRangePickerSelectorElementEventMap>(type: K, listener: (this: HTMLSdTimeRangePickerSelectorElement, ev: SdTimeRangePickerSelectorCustomEvent<HTMLSdTimeRangePickerSelectorElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLSdTimeRangePickerSelectorElement: {
+        prototype: HTMLSdTimeRangePickerSelectorElement;
+        new (): HTMLSdTimeRangePickerSelectorElement;
+    };
     interface HTMLSdToastElementEventMap {
         "sdClose": void;
         "sdButtonClick": MouseEvent;
@@ -3789,6 +4245,11 @@ declare global {
         "sd-tag": HTMLSdTagElement;
         "sd-text-link": HTMLSdTextLinkElement;
         "sd-textarea": HTMLSdTextareaElement;
+        "sd-time-picker": HTMLSdTimePickerElement;
+        "sd-time-picker-selector": HTMLSdTimePickerSelectorElement;
+        "sd-time-picker-trigger": HTMLSdTimePickerTriggerElement;
+        "sd-time-range-picker": HTMLSdTimeRangePickerElement;
+        "sd-time-range-picker-selector": HTMLSdTimeRangePickerSelectorElement;
         "sd-toast": HTMLSdToastElement;
         "sd-toast-container": HTMLSdToastContainerElement;
         "sd-toggle": HTMLSdToggleElement;
@@ -4086,9 +4547,9 @@ declare namespace LocalJSX {
          */
         "val"?: any;
         /**
-          * 현재 선택 상태 또는 배열 형태의 값
+          * 현재 선택 상태 또는 배열 형태의 값 (미지정 시 미선택 상태)
          */
-        "value": CheckedType;
+        "value"?: CheckedType;
     }
     interface SdChip {
         /**
@@ -4097,8 +4558,8 @@ declare namespace LocalJSX {
          */
         "disabled"?: boolean;
         /**
-          * 인라인 편집 가능 여부
-          * @default true
+          * 인라인 편집 가능 여부 (기본값 false)
+          * @default false
          */
         "editable"?: boolean;
         /**
@@ -4149,10 +4610,6 @@ declare namespace LocalJSX {
         "value"?: string;
     }
     interface SdChipInput {
-        /**
-          * 자동완성 드롭다운 최소 너비 (숫자면 px, 문자열이면 그대로 적용. 없으면 입력 필드 너비를 사용)
-         */
-        "autocompleteMinWidth"?: string | number;
         /**
           * 비활성 상태 여부
           * @default false
@@ -4163,6 +4620,11 @@ declare namespace LocalJSX {
           * @default []
          */
         "disabledChips"?: boolean[] | ((value: string) => boolean);
+        /**
+          * 드롭다운(자동완성) 최소 너비 (숫자면 px, 문자열이면 그대로 적용. 기본값 200)
+          * @default 200
+         */
+        "dropdownMinWidth"?: string | number;
         /**
           * 중복 에러 메시지에 표시할 항목 이름 (없으면 기본 메시지 사용)
          */
@@ -4226,6 +4688,11 @@ declare namespace LocalJSX {
           * 최대 입력 가능한 칩 개수 (없으면 제한 없음)
          */
         "maxCount"?: number;
+        /**
+          * 최대 개수·초기화 meta 위치 (end=우측 끝으로 정렬 / inline=콘텐츠에 이어서 배치)
+          * @default 'end'
+         */
+        "metaPlacement"?: 'end' | 'inline';
         /**
           * 폼 연동용 name 속성
           * @default nanoid()
@@ -4524,6 +4991,10 @@ declare namespace LocalJSX {
           * @default 'sm'
          */
         "size"?: DatePickerSize;
+        /**
+          * 필드 상태 (없으면 error/rules 결과로 자동 결정)
+         */
+        "status"?: 'default' | 'pass' | 'error';
         /**
           * 선택된 날짜 (YYYY-MM-DD)
           * @default null
@@ -4653,6 +5124,15 @@ declare namespace LocalJSX {
           * @default 'sm'
          */
         "size"?: DatePickerSize1;
+        /**
+          * 필드 상태 (없으면 error/rules 결과로 자동 결정)
+         */
+        "status"?: 'default' | 'pass' | 'error';
+        /**
+          * 시간(시:분) 선택 푸터 사용 여부. true이면 value는 "YYYY-MM-DD HH:mm" 형식이 되고, 캘린더 하단에 시작·종료 시간 입력이 표시됩니다.
+          * @default false
+         */
+        "useTimePicker"?: boolean;
         /**
           * 선택된 날짜 범위 [시작일, 종료일] (YYYY-MM-DD)
           * @default null
@@ -4681,6 +5161,11 @@ declare namespace LocalJSX {
           * 선택 가능한 날짜 범위 제한
          */
         "selectable"?: [string, string];
+        /**
+          * 시간(시:분) 선택 푸터 사용 여부
+          * @default false
+         */
+        "useTimePicker"?: boolean;
         /**
           * 선택된 날짜 범위 [시작일, 종료일]
           * @default null
@@ -4789,6 +5274,10 @@ declare namespace LocalJSX {
           * @default ''
          */
         "label"?: string;
+        /**
+          * 레이블 박스 높이 (숫자면 px). 미지정 시 size별 기본값 사용. multiline 등 컨트롤 박스가 커질 때 레이블을 첫 행에 맞추기 위해 사용한다.
+         */
+        "labelHeight"?: number | string;
         /**
           * 레이블 툴팁 텍스트
           * @default ''
@@ -4804,6 +5293,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "labelWidth"?: string | number;
+        /**
+          * 멀티라인 컨트롤 — 컨트롤 높이를 고정하지 않고 min-height만 적용한다.
+          * @default false
+         */
+        "multiline"?: boolean;
         /**
           * 폼 연동용 name 속성
           * @default ''
@@ -4951,6 +5445,11 @@ declare namespace LocalJSX {
           * 유효성 검사 규칙 목록
          */
         "rules"?: Rule[];
+        /**
+          * 필드 크기
+          * @default 'sm'
+         */
+        "size"?: FieldSize;
         /**
           * 필드 상태 (없으면 rules 결과로 자동 결정)
          */
@@ -5046,6 +5545,10 @@ declare namespace LocalJSX {
           * 버튼 클릭 시 발생합니다.
          */
         "onSdClick"?: (event: SdGhostButtonCustomEvent<MouseEvent>) => void;
+        /**
+          * 토글 버튼일 때 눌림 상태 → `aria-pressed`로 반영. 미지정 시 속성 자체를 내보내지 않는다. (DOM `Element.ariaPressed`(문자열 예약 속성)와 충돌하므로 prop 이름은 `pressed`)
+         */
+        "pressed"?: boolean;
         /**
           * 버튼 크기
           * @default 'sm'
@@ -5272,7 +5775,7 @@ declare namespace LocalJSX {
           * 입력 타입
           * @default 'text'
          */
-        "type"?: 'text' | 'password' | 'email';
+        "type"?: 'text' | 'password' | 'email' | 'number' | 'tel' | 'search' | 'url';
         /**
           * 입력 값
           * @default null
@@ -5481,6 +5984,10 @@ declare namespace LocalJSX {
           * @default Number.POSITIVE_INFINITY
          */
         "max"?: number;
+        /**
+          * 소수점 이하 최대 자리수 (useDecimal일 때만 적용, 초과 입력한 소수부는 잘라냄)
+         */
+        "maxDecimalLength"?: number;
         /**
           * 최솟값
           * @default Number.NEGATIVE_INFINITY
@@ -5580,75 +6087,72 @@ declare namespace LocalJSX {
          */
         "ariaLabel"?: string;
         /**
-          * 팝오버 하단 버튼 옵션
+          * 하단 우측 버튼 레이블 (필수). 색상/스타일은 type 별로 고정
          */
-        "button"?: PopoverButton;
+        "buttonLabel": string;
         /**
-          * 아이콘 트리거 색상
+          * 기본(아이콘) 트리거 색상
           * @default '#01BB4B'
          */
         "color"?: string;
         /**
-          * 비활성 상태 여부
+          * 기본 표시 여부 (비제어)
           * @default false
          */
-        "disabled"?: boolean;
+        "defaultOpen"?: boolean;
         /**
-          * 아이콘 트리거 아이콘명
+          * 기본(아이콘) 트리거 아이콘명. slot="trigger" 가 있으면 무시
           * @default 'helpOutline'
          */
         "icon"?: IconName;
         /**
-          * 아이콘 트리거 크기
+          * 기본(아이콘) 트리거 크기
           * @default 12
          */
         "iconSize"?: number;
         /**
-          * 버튼 트리거 레이블 (있으면 아이콘 대신 버튼 렌더링)
-          * @default ''
+          * 하단 좌측 링크 레이블 (선택)
          */
-        "label"?: string;
-        /**
-          * 팝오버 하단 좌측 링크 옵션
-         */
-        "leftLink"?: PopoverLink;
+        "leftLinkLabel"?: string;
         /**
           * 팝오버 메뉴에 추가할 클래스
           * @default ''
          */
-        "menuClass"?: string;
+        "menuClassName"?: string;
         /**
-          * 팝오버 메뉴 제목
+          * 메뉴 제목 (필수)
          */
-        "menuTitle"?: string;
+        "menuTitle": string;
         /**
-          * 버튼 트리거 프리셋
-          * @default 'primary_sm'
+          * 하단 우측 버튼 클릭 시 발생합니다.
          */
-        "name"?: ButtonName;
+        "onSdButtonClick"?: (event: SdPopoverCustomEvent<void>) => void;
+        /**
+          * 하단 좌측 링크 클릭 시 발생합니다.
+         */
+        "onSdLeftLinkClick"?: (event: SdPopoverCustomEvent<void>) => void;
         /**
           * 팝오버 표시 상태가 바뀔 때 발생합니다.
          */
         "onSdShowChange"?: (event: SdPopoverCustomEvent<boolean>) => void;
+        /**
+          * 표시 여부 (제어). 미지정 시 defaultOpen 기반 비제어로 동작
+         */
+        "open"?: boolean;
         /**
           * 팝오버를 표시할 방향
           * @default 'bottom'
          */
         "placement"?: 'top' | 'bottom' | 'left' | 'right';
         /**
-          * 버튼 트리거 우측 아이콘
+          * 제목 좌측 아이콘 (선택)
          */
-        "rightIcon"?: IconName;
+        "titleIcon"?: IconName;
         /**
-          * 팝오버 표시 여부
-          * @default false
-         */
-        "show"?: boolean;
-        /**
-          * 버튼 type 속성
-          * @default 'button'
+          * 색상 타입 (default=다크 배경 / danger·warning·accent=라이트 배경)
+          * @default 'default'
          */
-        "type"?: ButtonType;
+        "type"?: PopoverType;
     }
     interface SdPopup {
         /**
@@ -5726,6 +6230,10 @@ declare namespace LocalJSX {
           * 표시할 라벨 텍스트
          */
         "label"?: string;
+        /**
+          * native radio 그룹핑을 위한 name 속성 (미지정 시 val을 name으로 사용)
+         */
+        "name"?: string;
         /**
           * 선택 값이 변경될 때 발생합니다.
          */
@@ -5737,7 +6245,7 @@ declare namespace LocalJSX {
         /**
           * 라디오 그룹의 현재 선택 값
          */
-        "value": RadioValue;
+        "value"?: RadioValue;
     }
     interface SdRadioButton {
         /**
@@ -5764,9 +6272,9 @@ declare namespace LocalJSX {
          */
         "size"?: 'xs' | 'sm';
         /**
-          * 현재 선택된 값
+          * 현재 선택된 값 (미지정 시 선택 없음)
          */
-        "value": RadioValue1;
+        "value"?: RadioValue1;
     }
     interface SdRadioGroup {
         /**
@@ -5793,9 +6301,9 @@ declare namespace LocalJSX {
          */
         "options"?: RadioOption1[];
         /**
-          * 현재 선택된 값
+          * 현재 선택된 값 (미지정 시 선택 없음)
          */
-        "value": RadioValue1;
+        "value"?: RadioValue1;
     }
     interface SdSelect {
         /**
@@ -6068,132 +6576,456 @@ declare namespace LocalJSX {
     }
     interface SdSwitch {
         /**
-          * 비활성 상태 여부
-          * @default false
+          * 비활성 상태 여부
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * 표시할 라벨 텍스트
+          * @deprecated `rightLabel` 사용. 우측 라벨(하위호환)
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * 스위치 좌측 라벨
+         */
+        "leftLabel"?: string;
+        /**
+          * 상태가 변경될 때 발생합니다.
+         */
+        "onSdUpdate"?: (event: SdSwitchCustomEvent<boolean>) => void;
+        /**
+          * 스위치 우측 라벨
+         */
+        "rightLabel"?: string;
+        /**
+          * 현재 on/off 상태
+          * @default false
+         */
+        "value"?: boolean;
+    }
+    interface SdTabs {
+        /**
+          * true이면 서브 탭 스타일 적용
+          * @default false
+         */
+        "isSub"?: boolean;
+        /**
+          * 탭이 변경될 때 새 value를 전달합니다.
+         */
+        "onSdUpdate"?: (event: SdTabsCustomEvent<string>) => void;
+        /**
+          * 탭 크기
+          * @default 'md'
+         */
+        "size"?: TabSize;
+        /**
+          * 탭 옵션 목록
+          * @default []
+         */
+        "tabs"?: TabOption[];
+        /**
+          * 현재 선택된 탭 value
+         */
+        "value": string;
+        /**
+          * true이면 탭을 세로로 배치
+          * @default false
+         */
+        "vertical"?: boolean;
+    }
+    interface SdTag {
+        /**
+          * 아이콘명
+         */
+        "icon"?: IconName;
+        /**
+          * 아이콘을 레이블 왼쪽에 배치할지 여부 (기본값 true)
+          * @default true
+         */
+        "iconLeft"?: boolean;
+        /**
+          * 표시할 레이블 텍스트
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * 태그 프리셋 이름
+          * @default 'square_sm_grey'
+         */
+        "name"?: TagName1;
+        /**
+          * 태그 너비 (숫자면 px, 문자열이면 그대로 적용). 미지정 시 콘텐츠 크기(fit-content)
+          * @default ''
+         */
+        "width"?: string | number;
+    }
+    interface SdTextLink {
+        /**
+          * 비활성 상태 여부
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * 좌측 아이콘명
+          * @default ''
+         */
+        "icon"?: string;
+        /**
+          * 좌측 아이콘 색상
+          * @default ''
+         */
+        "iconColor"?: string;
+        /**
+          * 표시할 레이블 텍스트
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * 레이블 span에 추가할 클래스
+          * @default ''
+         */
+        "labelClass"?: string;
+        /**
+          * 클릭 시 발생합니다.
+         */
+        "onSdClick"?: (event: SdTextLinkCustomEvent<void>) => void;
+        /**
+          * 우측 화살표 타입
+          * @default 'none'
+         */
+        "rightArrow"?: 'none' | 'chevron' | 'caret';
+        /**
+          * 텍스트 크기
+          * @default 'sm'
+         */
+        "size"?: TextLinkSize;
+        /**
+          * 호버 시 표시할 툴팁 텍스트
+         */
+        "tooltipText"?: string;
+        /**
+          * 밑줄 스타일 여부
+          * @default false
+         */
+        "underline"?: boolean;
+    }
+    interface SdTextarea {
+        /**
+          * 어드온 정렬 방향
+          * @default 'start'
+         */
+        "addonAlign"?: FieldAddonAlign;
+        /**
+          * 필드 우측 어드온 레이블
+          * @default ''
+         */
+        "addonLabel"?: string;
+        /**
+          * 마운트 시 자동 포커스 여부
+          * @default false
+         */
+        "autoFocus"?: boolean;
+        /**
+          * 비활성 상태 여부
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * 에러 상태 여부
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * 에러 메시지
+          * @default ''
+         */
+        "errorMessage"?: string;
+        /**
+          * 포커스 상태 여부
+          * @default false
+         */
+        "focused"?: boolean;
+        /**
+          * 필드 하단 힌트 텍스트
+          * @default ''
+         */
+        "hint"?: string;
+        /**
+          * 호버 상태 여부
+          * @default false
+         */
+        "hovered"?: boolean;
+        /**
+          * 레이블 영역 아이콘
+          * @default undefined
+         */
+        "icon"?: IconProps;
+        /**
+          * 레이블 텍스트
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * 레이블 툴팁 텍스트
+          * @default ''
+         */
+        "labelTooltip"?: string;
+        /**
+          * 레이블 툴팁 상세 옵션
+          * @default null
+         */
+        "labelTooltipProps"?: SdTooltipProps | null;
+        /**
+          * 레이블 너비
+          * @default ''
+         */
+        "labelWidth"?: string | number;
+        /**
+          * 최대 입력 글자 수
+         */
+        "maxLength"?: number;
+        /**
+          * 폼 연동용 name 속성
+          * @default nanoid()
+         */
+        "name"?: string;
+        /**
+          * 포커스를 잃을 때 발생합니다.
+         */
+        "onSdBlur"?: (event: SdTextareaCustomEvent<Event>) => void;
+        /**
+          * 포커스될 때 발생합니다.
+         */
+        "onSdFocus"?: (event: SdTextareaCustomEvent<Event>) => void;
+        /**
+          * 값이 변경될 때 발생합니다.
+         */
+        "onSdUpdate"?: (event: SdTextareaCustomEvent<string | null>) => void;
+        /**
+          * 플레이스홀더 텍스트
+          * @default '입력해 주세요.'
+         */
+        "placeholder"?: string;
+        /**
+          * 읽기 전용 여부
+          * @default false
+         */
+        "readonly"?: boolean;
+        /**
+          * textarea 기본 행 수
+         */
+        "rows"?: number;
+        /**
+          * 유효성 검사 규칙 목록
+          * @default []
+         */
+        "rules"?: Rule[];
+        /**
+          * 맞춤법 검사 여부
+          * @default false
+         */
+        "spellcheck"?: boolean;
+        /**
+          * 필드 상태 (없으면 rules 결과로 자동 결정)
+         */
+        "status"?: 'default' | 'pass' | 'error';
+        /**
+          * 네이티브 textarea에 추가할 클래스
+          * @default ''
+         */
+        "textareaClass"?: string;
+        /**
+          * 네이티브 textarea에 적용할 인라인 스타일
+          * @default {}
+         */
+        "textareaStyle"?: { [key: string]: string };
+        /**
+          * 입력 값
+          * @default null
+         */
+        "value"?: string | null;
+        /**
+          * 필드 너비 (숫자면 px, 문자열이면 그대로 적용)
+          * @default ''
+         */
+        "width"?: string | number;
+    }
+    interface SdTimePicker {
+        /**
+          * 어드온 정렬 방향
+          * @default 'start'
+         */
+        "addonAlign"?: FieldAddonAlign;
+        /**
+          * 필드 우측 어드온 레이블
+          * @default ''
+         */
+        "addonLabel"?: string;
+        /**
+          * 값이 있을 때 지우기 버튼 표시 여부
+          * @default false
+         */
+        "clearable"?: boolean;
+        /**
+          * 비활성 상태 여부
+          * @default false
+         */
+        "disabled"?: boolean;
+        /**
+          * 에러 상태 여부
+          * @default false
+         */
+        "error"?: boolean;
+        /**
+          * 에러 메시지
+          * @default ''
+         */
+        "errorMessage"?: string;
+        /**
+          * 필드 하단 힌트 텍스트
+          * @default ''
+         */
+        "hint"?: string;
+        /**
+          * 레이블 영역 아이콘
+          * @default undefined
+         */
+        "icon"?: IconProps;
+        /**
+          * 레이블 텍스트
+          * @default ''
+         */
+        "label"?: string;
+        /**
+          * 레이블 툴팁 텍스트
+          * @default ''
+         */
+        "labelTooltip"?: string;
+        /**
+          * 레이블 툴팁 상세 옵션
+          * @default null
          */
-        "disabled"?: boolean;
+        "labelTooltipProps"?: SdTooltipProps | null;
         /**
-          * 표시할 라벨 텍스트
+          * 레이블 너비
           * @default ''
          */
-        "label"?: string;
+        "labelWidth"?: string | number;
         /**
-          * 상태가 변경될 때 발생합니다.
+          * 분 증감 단위
+          * @default 1
          */
-        "onSdUpdate"?: (event: SdSwitchCustomEvent<boolean>) => void;
+        "minuteStep"?: number;
         /**
-          * 현재 on/off 상태
-          * @default false
+          * 폼 연동용 name 속성
+          * @default nanoid()
          */
-        "value"?: boolean;
-    }
-    interface SdTabs {
+        "name"?: string;
         /**
-          * true이면 서브 탭 스타일 적용
-          * @default false
+          * 선택기 열림/닫힘 상태가 바뀔 때 발생합니다.
          */
-        "isSub"?: boolean;
+        "onSdDropDownShow"?: (event: SdTimePickerCustomEvent<{ isOpen: boolean }>) => void;
         /**
-          * 탭이 변경될 때 새 value를 전달합니다.
+          * 시간 선택 시 선택된 시간(HH:mm)을 전달합니다.
          */
-        "onSdUpdate"?: (event: SdTabsCustomEvent<string>) => void;
+        "onSdUpdate"?: (event: SdTimePickerCustomEvent<string | null>) => void;
         /**
-          * 탭 크기
-          * @default 'md'
+          * 시간 미선택 시 표시할 placeholder
+          * @default '00:00'
          */
-        "size"?: TabSize;
+        "placeholder"?: string;
         /**
-          * 탭 옵션 목록
+          * 유효성 검사 규칙 목록
           * @default []
          */
-        "tabs"?: TabOption[];
-        /**
-          * 현재 선택된 탭 value
-         */
-        "value": string;
+        "rules"?: Rule[];
         /**
-          * true이면 탭을 세로로 배치
-          * @default false
+          * 입력 필드 크기
+          * @default 'sm'
          */
-        "vertical"?: boolean;
-    }
-    interface SdTag {
+        "size"?: TimePickerSize;
         /**
-          * 아이콘명
+          * 필드 상태 (없으면 error/rules 결과로 자동 결정)
          */
-        "icon"?: IconName;
+        "status"?: 'default' | 'pass' | 'error';
         /**
-          * true이면 아이콘을 레이블 왼쪽에 배치
-          * @default true
+          * 표시 타입: default(24시간) / midday(오전·오후)
+          * @default 'default'
          */
-        "isLeft"?: boolean;
+        "type"?: TimePickerType;
         /**
-          * 표시할 레이블 텍스트
-          * @default ''
+          * 오전/오후 선택 표시 여부. 지정하지 않으면 type="midday"일 때만 켜집니다.
          */
-        "label"?: string;
+        "useMeridiem"?: boolean;
         /**
-          * 태그 프리셋 이름
-          * @default 'square_sm_grey'
+          * 선택된 시간 (HH:mm)
+          * @default null
          */
-        "name"?: TagName1;
+        "value"?: string | null;
         /**
-          * 태그 너비 (숫자면 px, 문자열이면 그대로 적용). 미지정 시 콘텐츠 크기(fit-content)
+          * 필드 너비 (숫자면 px, 문자열이면 그대로 적용)
           * @default ''
          */
         "width"?: string | number;
     }
-    interface SdTextLink {
+    interface SdTimePickerSelector {
         /**
-          * 비활성 상태 여부
-          * @default false
+          * 분 증감 단위
+          * @default 1
          */
-        "disabled"?: boolean;
+        "minuteStep"?: number;
         /**
-          * 좌측 아이콘명
-          * @default ''
+          * 시간 변경 시 발생합니다.
          */
-        "icon"?: string;
+        "onSdUpdate"?: (event: SdTimePickerSelectorCustomEvent<string>) => void;
         /**
-          * 좌측 아이콘 색상
-          * @default ''
+          * 오전/오후 선택 표시 여부
+          * @default true
          */
-        "iconColor"?: string;
+        "useMeridiem"?: boolean;
         /**
-          * 표시할 레이블 텍스트
-          * @default ''
+          * 선택된 시간 (HH:mm)
+          * @default null
          */
-        "label"?: string;
+        "value"?: string | null;
+    }
+    interface SdTimePickerTrigger {
         /**
-          * 레이블 span에 추가할 클래스
-          * @default ''
+          * 지우기 버튼 표시 여부
+          * @default false
          */
-        "labelClass"?: string;
+        "clearable"?: boolean;
         /**
-          * 클릭 시 발생합니다.
+          * 비활성 상태 여부
+          * @default false
          */
-        "onSdClick"?: (event: SdTextLinkCustomEvent<void>) => void;
+        "disabled"?: boolean;
         /**
-          * 우측 화살표 타입
-          * @default 'none'
+          * 표시할 시간 텍스트
+          * @default ''
          */
-        "rightArrow"?: 'none' | 'chevron' | 'caret';
+        "displayText"?: string;
         /**
-          * 텍스트 크기
-          * @default 'sm'
+          * 지우기 버튼 클릭 시 발생합니다.
          */
-        "size"?: TextLinkSize;
+        "onSdClear"?: (event: SdTimePickerTriggerCustomEvent<void>) => void;
         /**
-          * 호버 시 표시할 툴팁 텍스트
+          * 트리거 클릭 시 발생합니다.
          */
-        "tooltipText"?: string;
+        "onSdTriggerClick"?: (event: SdTimePickerTriggerCustomEvent<void>) => void;
         /**
-          * 밑줄 스타일 여부
-          * @default false
+          * 입력 힌트 텍스트
+          * @default '00:00'
          */
-        "underline"?: boolean;
+        "placeholder"?: string;
+        /**
+          * 트리거 크기
+          * @default 'sm'
+         */
+        "size"?: TimePickerSize;
     }
-    interface SdTextarea {
+    interface SdTimeRangePicker {
         /**
           * 어드온 정렬 방향
           * @default 'start'
@@ -6205,10 +7037,10 @@ declare namespace LocalJSX {
          */
         "addonLabel"?: string;
         /**
-          * 마운트 시 자동 포커스 여부
+          * 값이 있을 때 지우기 버튼 표시 여부
           * @default false
          */
-        "autoFocus"?: boolean;
+        "clearable"?: boolean;
         /**
           * 비활성 상태 여부
           * @default false
@@ -6224,21 +7056,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "errorMessage"?: string;
-        /**
-          * 포커스 상태 여부
-          * @default false
-         */
-        "focused"?: boolean;
         /**
           * 필드 하단 힌트 텍스트
           * @default ''
          */
         "hint"?: string;
-        /**
-          * 호버 상태 여부
-          * @default false
-         */
-        "hovered"?: boolean;
         /**
           * 레이블 영역 아이콘
           * @default undefined
@@ -6265,75 +7087,93 @@ declare namespace LocalJSX {
          */
         "labelWidth"?: string | number;
         /**
-          * 최대 입력 글자 수
+          * 분 증감 단위
+          * @default 1
          */
-        "maxLength"?: number;
+        "minuteStep"?: number;
         /**
           * 폼 연동용 name 속성
           * @default nanoid()
          */
         "name"?: string;
         /**
-          * 포커스를 잃을 때 발생합니다.
-         */
-        "onSdBlur"?: (event: SdTextareaCustomEvent<Event>) => void;
-        /**
-          * 포커스될 때 발생합니다.
+          * 선택기 열림/닫힘 상태가 바뀔 때 발생합니다.
          */
-        "onSdFocus"?: (event: SdTextareaCustomEvent<Event>) => void;
+        "onSdDropDownShow"?: (event: SdTimeRangePickerCustomEvent<{ isOpen: boolean }>) => void;
         /**
-          * 값이 변경될 때 발생합니다.
+          * 시간 범위 선택 시 선택된 범위([시작, 종료])를 전달합니다.
          */
-        "onSdUpdate"?: (event: SdTextareaCustomEvent<string | null>) => void;
+        "onSdUpdate"?: (event: SdTimeRangePickerCustomEvent<TimeRangeValue>) => void;
         /**
-          * 플레이스홀더 텍스트
-          * @default '입력해 주세요.'
+          * 시간 미선택 시 표시할 placeholder
+          * @default '00:00 ~ 23:59'
          */
         "placeholder"?: string;
         /**
-          * 읽기 전용 여부
-          * @default false
-         */
-        "readonly"?: boolean;
-        /**
-          * textarea 기본 행 수
+          * 범위 순서 정책. strict는 시작 시간이 종료 시간보다 늦어지지 않도록 보정합니다.
+          * @default 'strict'
          */
-        "rows"?: number;
+        "rangeOrder"?: TimeRangePickerRangeOrder;
         /**
           * 유효성 검사 규칙 목록
           * @default []
          */
         "rules"?: Rule[];
         /**
-          * 맞춤법 검사 여부
-          * @default false
+          * 입력 필드 크기
+          * @default 'sm'
          */
-        "spellcheck"?: boolean;
+        "size"?: TimeRangePickerSize;
         /**
-          * 필드 상태 (없으면 rules 결과로 자동 결정)
+          * 필드 상태 (없으면 error/rules 결과로 자동 결정)
          */
         "status"?: 'default' | 'pass' | 'error';
         /**
-          * 네이티브 textarea에 추가할 클래스
-          * @default ''
+          * 표시 타입: default(24시간) / midday(오전·오후)
+          * @default 'default'
          */
-        "textareaClass"?: string;
+        "type"?: TimeRangePickerType;
         /**
-          * 네이티브 textarea에 적용할 인라인 스타일
-          * @default {}
+          * 오전/오후 선택 표시 여부. 지정하지 않으면 type="midday"일 때만 켜집니다.
          */
-        "textareaStyle"?: { [key: string]: string };
+        "useMeridiem"?: boolean;
         /**
-          * 입력 값
+          * 선택된 시간 범위 [시작, 종료] (HH:mm)
           * @default null
          */
-        "value"?: string | null;
+        "value"?: TimeRangeValue;
         /**
           * 필드 너비 (숫자면 px, 문자열이면 그대로 적용)
           * @default ''
          */
         "width"?: string | number;
     }
+    interface SdTimeRangePickerSelector {
+        /**
+          * 분 증감 단위
+          * @default 1
+         */
+        "minuteStep"?: number;
+        /**
+          * 시간 범위 변경 시 발생합니다.
+         */
+        "onSdUpdate"?: (event: SdTimeRangePickerSelectorCustomEvent<[string, string]>) => void;
+        /**
+          * 범위 순서 정책. strict는 시작 시간이 종료 시간보다 늦어지지 않도록 보정합니다.
+          * @default 'strict'
+         */
+        "rangeOrder"?: TimeRangePickerRangeOrder;
+        /**
+          * 오전/오후 선택 표시 여부
+          * @default false
+         */
+        "useMeridiem"?: boolean;
+        /**
+          * 선택된 시간 범위 [시작, 종료] (HH:mm)
+          * @default null
+         */
+        "value"?: TimeRangeValue;
+    }
     interface SdToast {
         /**
           * 우측 버튼 레이블
@@ -6432,54 +7272,35 @@ declare namespace LocalJSX {
          */
         "ariaLabel"?: string;
         /**
-          * 아이콘 트리거 색상
+          * 기본(아이콘) 트리거 색상
           * @default '#01BB4B'
          */
         "color"?: string;
         /**
-          * 비활성 상태 여부
+          * 비활성 — 트리거만 렌더하고 툴팁을 열지 않음
           * @default false
          */
         "disabled"?: boolean;
         /**
-          * 아이콘 트리거 아이콘명
+          * 기본(아이콘) 트리거 아이콘명. slot="anchor" 가 있으면 무시
           * @default 'helpOutline'
          */
         "icon"?: IconName;
         /**
-          * 아이콘 트리거 크기
+          * 기본(아이콘) 트리거 크기
           * @default 12
          */
         "iconSize"?: number;
         /**
-          * 버튼 트리거 레이블 (있으면 아이콘 대신 버튼 렌더링)
-          * @default ''
-         */
-        "label"?: string;
-        /**
-          * 툴팁 본문에 표시할 메시지. 각 항목이 한 줄로 innerHTML 렌더링됩니다. (HTML 문자열 허용) 지정하지 않으면 slot 으로 전달한 내용을 본문으로 사용합니다.
+          * 툴팁 본문에 표시할 메시지. 각 항목이 한 줄로 innerHTML 렌더링됩니다. (HTML 문자열 허용) 지정하지 않으면 default slot 으로 전달한 내용을 본문으로 사용합니다.
           * @default []
          */
         "message"?: string[];
-        /**
-          * 버튼 트리거 프리셋
-          * @default 'primary_sm'
-         */
-        "name"?: ButtonName;
         /**
           * 툴팁 표시 방향
           * @default 'top'
          */
         "placement"?: 'top' | 'bottom' | 'left' | 'right';
-        /**
-          * 버튼 트리거 우측 아이콘
-         */
-        "rightIcon"?: IconName;
-        /**
-          * 트리거 래퍼(.sd-tooltip-trigger)에 추가할 클래스
-          * @default ''
-         */
-        "sdClass"?: string;
         /**
           * 툴팁 배경/텍스트 색상 타입
           * @default 'default'
@@ -6491,20 +7312,10 @@ declare namespace LocalJSX {
          */
         "trigger"?: 'hover' | 'click';
         /**
-          * anchor 트리거 래퍼(.sd-tooltip-trigger)에 추가할 클래스. (예: Tailwind `block w-full`)
-          * @default ''
-         */
-        "triggerClass"?: string;
-        /**
-          * anchor 트리거 래퍼에 적용할 인라인 스타일(CSS 문자열). (예: `width:100%`)
+          * 트리거 래퍼(.sd-tooltip-trigger)에 추가할 클래스. (예: Tailwind `block w-full`)
           * @default ''
          */
-        "triggerStyle"?: string;
-        /**
-          * 버튼 type 속성
-          * @default 'button'
-         */
-        "type"?: ButtonType;
+        "triggerClassName"?: string;
         /**
           * 툴팁 우측 상단 닫기 버튼 표시 여부
           * @default false
@@ -6587,10 +7398,11 @@ declare namespace LocalJSX {
         "error": boolean;
         "useReset": boolean;
         "maxCount": number;
+        "metaPlacement": 'end' | 'inline';
         "duplicateLabel": string;
         "loadingSuggestions": boolean;
         "loadingRecommendedItems": boolean;
-        "autocompleteMinWidth": string;
+        "dropdownMinWidth": string;
         "label": string;
         "labelWidth": string;
         "hint": string;
@@ -6640,6 +7452,7 @@ declare namespace LocalJSX {
         "hint": string;
         "errorMessage": string;
         "error": boolean;
+        "status": 'default' | 'pass' | 'error';
         "labelTooltip": string;
         "name": string;
     }
@@ -6653,6 +7466,7 @@ declare namespace LocalJSX {
         "size": DatePickerSize;
         "placeholder": string;
         "maxRange": number;
+        "useTimePicker": boolean;
         "disabled": boolean;
         "width": string;
         "label": string;
@@ -6662,11 +7476,13 @@ declare namespace LocalJSX {
         "hint": string;
         "errorMessage": string;
         "error": boolean;
+        "status": 'default' | 'pass' | 'error';
         "labelTooltip": string;
         "name": string;
     }
     interface SdDateRangePickerCalendarAttributes {
         "maxRange": number;
+        "useTimePicker": boolean;
     }
     interface SdDividerAttributes {
         "vertical": boolean;
@@ -6692,6 +7508,8 @@ declare namespace LocalJSX {
         "borderless": boolean;
         "label": string;
         "labelWidth": string;
+        "labelHeight": string;
+        "multiline": boolean;
         "addonLabel": string;
         "addonAlign": FieldAddonAlign;
         "labelTooltip": string;
@@ -6706,6 +7524,7 @@ declare namespace LocalJSX {
         "maxFileSize": string;
         "maxTotalSize": string;
         "maxFiles": string;
+        "size": FieldSize;
         "name": string;
         "label": string;
         "labelWidth": string;
@@ -6734,6 +7553,7 @@ declare namespace LocalJSX {
         "size": GhostButtonSize;
         "intent": GhostButtonIntent;
         "ariaLabel": string;
+        "pressed": boolean;
         "tooltipText": string;
         "disabled": boolean;
     }
@@ -6754,7 +7574,7 @@ declare namespace LocalJSX {
     }
     interface SdInputAttributes {
         "value": string;
-        "type": 'text' | 'password' | 'email';
+        "type": 'text' | 'password' | 'email' | 'number' | 'tel' | 'search' | 'url';
         "size": InputSize;
         "addonLabel": string;
         "addonAlign": FieldAddonAlign;
@@ -6811,6 +7631,7 @@ declare namespace LocalJSX {
         "step": number;
         "useButton": boolean;
         "useDecimal": boolean;
+        "maxDecimalLength": number;
         "value": string;
         "label": string;
         "labelWidth": string;
@@ -6839,19 +7660,19 @@ declare namespace LocalJSX {
         "simple": boolean;
     }
     interface SdPopoverAttributes {
-        "show": boolean;
+        "open": boolean;
+        "defaultOpen": boolean;
         "placement": 'top' | 'bottom' | 'left' | 'right';
-        "color": string;
+        "type": PopoverType;
+        "menuTitle": string;
+        "titleIcon": IconName;
         "icon": IconName;
         "iconSize": number;
-        "label": string;
-        "name": ButtonName;
-        "rightIcon": IconName;
+        "color": string;
+        "leftLinkLabel": string;
+        "buttonLabel": string;
         "ariaLabel": string;
-        "disabled": boolean;
-        "type": ButtonType;
-        "menuTitle": string;
-        "menuClass": string;
+        "menuClassName": string;
     }
     interface SdPopupAttributes {
         "popupTitle": string;
@@ -6870,6 +7691,7 @@ declare namespace LocalJSX {
         "val": string;
         "disabled": boolean;
         "label": string;
+        "name": string;
     }
     interface SdRadioButtonAttributes {
         "value": string;
@@ -6933,6 +7755,8 @@ declare namespace LocalJSX {
     }
     interface SdSwitchAttributes {
         "value": boolean;
+        "leftLabel": string;
+        "rightLabel": string;
         "label": string;
         "disabled": boolean;
     }
@@ -6946,7 +7770,7 @@ declare namespace LocalJSX {
         "name": TagName;
         "label": string;
         "icon": IconName;
-        "isLeft": boolean;
+        "iconLeft": boolean;
         "width": string;
     }
     interface SdTextLinkAttributes {
@@ -6984,6 +7808,65 @@ declare namespace LocalJSX {
         "hovered": boolean;
         "name": string;
     }
+    interface SdTimePickerAttributes {
+        "value": string | null;
+        "size": TimePickerSize;
+        "type": TimePickerType;
+        "placeholder": string;
+        "disabled": boolean;
+        "clearable": boolean;
+        "useMeridiem": boolean;
+        "minuteStep": number;
+        "width": string;
+        "label": string;
+        "labelWidth": string;
+        "addonLabel": string;
+        "addonAlign": FieldAddonAlign;
+        "hint": string;
+        "errorMessage": string;
+        "error": boolean;
+        "status": 'default' | 'pass' | 'error';
+        "labelTooltip": string;
+        "name": string;
+    }
+    interface SdTimePickerSelectorAttributes {
+        "value": string | null;
+        "useMeridiem": boolean;
+        "minuteStep": number;
+    }
+    interface SdTimePickerTriggerAttributes {
+        "displayText": string;
+        "placeholder": string;
+        "disabled": boolean;
+        "clearable": boolean;
+        "size": TimePickerSize;
+    }
+    interface SdTimeRangePickerAttributes {
+        "size": TimeRangePickerSize;
+        "type": TimeRangePickerType;
+        "placeholder": string;
+        "disabled": boolean;
+        "clearable": boolean;
+        "useMeridiem": boolean;
+        "minuteStep": number;
+        "rangeOrder": TimeRangePickerRangeOrder;
+        "width": string;
+        "label": string;
+        "labelWidth": string;
+        "addonLabel": string;
+        "addonAlign": FieldAddonAlign;
+        "hint": string;
+        "errorMessage": string;
+        "error": boolean;
+        "status": 'default' | 'pass' | 'error';
+        "labelTooltip": string;
+        "name": string;
+    }
+    interface SdTimeRangePickerSelectorAttributes {
+        "useMeridiem": boolean;
+        "minuteStep": number;
+        "rangeOrder": TimeRangePickerRangeOrder;
+    }
     interface SdToastAttributes {
         "icon": IconName;
         "message": string;
@@ -7011,16 +7894,10 @@ declare namespace LocalJSX {
         "tooltipType": TooltipType;
         "icon": IconName;
         "iconSize": number;
-        "label": string;
-        "name": ButtonName;
-        "rightIcon": IconName;
         "ariaLabel": string;
         "disabled": boolean;
-        "type": ButtonType;
         "useClose": boolean;
-        "sdClass": string;
-        "triggerClass": string;
-        "triggerStyle": string;
+        "triggerClassName": string;
     }
 
     interface IntrinsicElements {
@@ -7031,7 +7908,7 @@ declare namespace LocalJSX {
         "sd-calendar": Omit<SdCalendar, keyof SdCalendarAttributes> & { [K in keyof SdCalendar & keyof SdCalendarAttributes]?: SdCalendar[K] } & { [K in keyof SdCalendar & keyof SdCalendarAttributes as `attr:${K}`]?: SdCalendarAttributes[K] } & { [K in keyof SdCalendar & keyof SdCalendarAttributes as `prop:${K}`]?: SdCalendar[K] };
         "sd-callout": Omit<SdCallout, keyof SdCalloutAttributes> & { [K in keyof SdCallout & keyof SdCalloutAttributes]?: SdCallout[K] } & { [K in keyof SdCallout & keyof SdCalloutAttributes as `attr:${K}`]?: SdCalloutAttributes[K] } & { [K in keyof SdCallout & keyof SdCalloutAttributes as `prop:${K}`]?: SdCallout[K] };
         "sd-card": Omit<SdCard, keyof SdCardAttributes> & { [K in keyof SdCard & keyof SdCardAttributes]?: SdCard[K] } & { [K in keyof SdCard & keyof SdCardAttributes as `attr:${K}`]?: SdCardAttributes[K] } & { [K in keyof SdCard & keyof SdCardAttributes as `prop:${K}`]?: SdCard[K] };
-        "sd-checkbox": Omit<SdCheckbox, keyof SdCheckboxAttributes> & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes]?: SdCheckbox[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `attr:${K}`]?: SdCheckboxAttributes[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `prop:${K}`]?: SdCheckbox[K] } & OneOf<"value", SdCheckbox["value"], SdCheckboxAttributes["value"]>;
+        "sd-checkbox": Omit<SdCheckbox, keyof SdCheckboxAttributes> & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes]?: SdCheckbox[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `attr:${K}`]?: SdCheckboxAttributes[K] } & { [K in keyof SdCheckbox & keyof SdCheckboxAttributes as `prop:${K}`]?: SdCheckbox[K] };
         "sd-chip": Omit<SdChip, keyof SdChipAttributes> & { [K in keyof SdChip & keyof SdChipAttributes]?: SdChip[K] } & { [K in keyof SdChip & keyof SdChipAttributes as `attr:${K}`]?: SdChipAttributes[K] } & { [K in keyof SdChip & keyof SdChipAttributes as `prop:${K}`]?: SdChip[K] };
         "sd-chip-input": Omit<SdChipInput, keyof SdChipInputAttributes> & { [K in keyof SdChipInput & keyof SdChipInputAttributes]?: SdChipInput[K] } & { [K in keyof SdChipInput & keyof SdChipInputAttributes as `attr:${K}`]?: SdChipInputAttributes[K] } & { [K in keyof SdChipInput & keyof SdChipInputAttributes as `prop:${K}`]?: SdChipInput[K] };
         "sd-circle-progress": Omit<SdCircleProgress, keyof SdCircleProgressAttributes> & { [K in keyof SdCircleProgress & keyof SdCircleProgressAttributes]?: SdCircleProgress[K] } & { [K in keyof SdCircleProgress & keyof SdCircleProgressAttributes as `attr:${K}`]?: SdCircleProgressAttributes[K] } & { [K in keyof SdCircleProgress & keyof SdCircleProgressAttributes as `prop:${K}`]?: SdCircleProgress[K] };
@@ -7058,12 +7935,12 @@ declare namespace LocalJSX {
         "sd-modal-container": Omit<SdModalContainer, keyof SdModalContainerAttributes> & { [K in keyof SdModalContainer & keyof SdModalContainerAttributes]?: SdModalContainer[K] } & { [K in keyof SdModalContainer & keyof SdModalContainerAttributes as `attr:${K}`]?: SdModalContainerAttributes[K] } & { [K in keyof SdModalContainer & keyof SdModalContainerAttributes as `prop:${K}`]?: SdModalContainer[K] };
         "sd-number-input": Omit<SdNumberInput, keyof SdNumberInputAttributes> & { [K in keyof SdNumberInput & keyof SdNumberInputAttributes]?: SdNumberInput[K] } & { [K in keyof SdNumberInput & keyof SdNumberInputAttributes as `attr:${K}`]?: SdNumberInputAttributes[K] } & { [K in keyof SdNumberInput & keyof SdNumberInputAttributes as `prop:${K}`]?: SdNumberInput[K] };
         "sd-pagination": Omit<SdPagination, keyof SdPaginationAttributes> & { [K in keyof SdPagination & keyof SdPaginationAttributes]?: SdPagination[K] } & { [K in keyof SdPagination & keyof SdPaginationAttributes as `attr:${K}`]?: SdPaginationAttributes[K] } & { [K in keyof SdPagination & keyof SdPaginationAttributes as `prop:${K}`]?: SdPagination[K] };
-        "sd-popover": Omit<SdPopover, keyof SdPopoverAttributes> & { [K in keyof SdPopover & keyof SdPopoverAttributes]?: SdPopover[K] } & { [K in keyof SdPopover & keyof SdPopoverAttributes as `attr:${K}`]?: SdPopoverAttributes[K] } & { [K in keyof SdPopover & keyof SdPopoverAttributes as `prop:${K}`]?: SdPopover[K] };
+        "sd-popover": Omit<SdPopover, keyof SdPopoverAttributes> & { [K in keyof SdPopover & keyof SdPopoverAttributes]?: SdPopover[K] } & { [K in keyof SdPopover & keyof SdPopoverAttributes as `attr:${K}`]?: SdPopoverAttributes[K] } & { [K in keyof SdPopover & keyof SdPopoverAttributes as `prop:${K}`]?: SdPopover[K] } & OneOf<"menuTitle", SdPopover["menuTitle"], SdPopoverAttributes["menuTitle"]> & OneOf<"buttonLabel", SdPopover["buttonLabel"], SdPopoverAttributes["buttonLabel"]>;
         "sd-popup": Omit<SdPopup, keyof SdPopupAttributes> & { [K in keyof SdPopup & keyof SdPopupAttributes]?: SdPopup[K] } & { [K in keyof SdPopup & keyof SdPopupAttributes as `attr:${K}`]?: SdPopupAttributes[K] } & { [K in keyof SdPopup & keyof SdPopupAttributes as `prop:${K}`]?: SdPopup[K] };
         "sd-portal": Omit<SdPortal, keyof SdPortalAttributes> & { [K in keyof SdPortal & keyof SdPortalAttributes]?: SdPortal[K] } & { [K in keyof SdPortal & keyof SdPortalAttributes as `attr:${K}`]?: SdPortalAttributes[K] } & { [K in keyof SdPortal & keyof SdPortalAttributes as `prop:${K}`]?: SdPortal[K] };
-        "sd-radio": Omit<SdRadio, keyof SdRadioAttributes> & { [K in keyof SdRadio & keyof SdRadioAttributes]?: SdRadio[K] } & { [K in keyof SdRadio & keyof SdRadioAttributes as `attr:${K}`]?: SdRadioAttributes[K] } & { [K in keyof SdRadio & keyof SdRadioAttributes as `prop:${K}`]?: SdRadio[K] } & OneOf<"value", SdRadio["value"], SdRadioAttributes["value"]> & OneOf<"val", SdRadio["val"], SdRadioAttributes["val"]>;
-        "sd-radio-button": Omit<SdRadioButton, keyof SdRadioButtonAttributes> & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes]?: SdRadioButton[K] } & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes as `attr:${K}`]?: SdRadioButtonAttributes[K] } & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes as `prop:${K}`]?: SdRadioButton[K] } & OneOf<"value", SdRadioButton["value"], SdRadioButtonAttributes["value"]>;
-        "sd-radio-group": Omit<SdRadioGroup, keyof SdRadioGroupAttributes> & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes]?: SdRadioGroup[K] } & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes as `attr:${K}`]?: SdRadioGroupAttributes[K] } & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes as `prop:${K}`]?: SdRadioGroup[K] } & OneOf<"value", SdRadioGroup["value"], SdRadioGroupAttributes["value"]>;
+        "sd-radio": Omit<SdRadio, keyof SdRadioAttributes> & { [K in keyof SdRadio & keyof SdRadioAttributes]?: SdRadio[K] } & { [K in keyof SdRadio & keyof SdRadioAttributes as `attr:${K}`]?: SdRadioAttributes[K] } & { [K in keyof SdRadio & keyof SdRadioAttributes as `prop:${K}`]?: SdRadio[K] } & OneOf<"val", SdRadio["val"], SdRadioAttributes["val"]>;
+        "sd-radio-button": Omit<SdRadioButton, keyof SdRadioButtonAttributes> & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes]?: SdRadioButton[K] } & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes as `attr:${K}`]?: SdRadioButtonAttributes[K] } & { [K in keyof SdRadioButton & keyof SdRadioButtonAttributes as `prop:${K}`]?: SdRadioButton[K] };
+        "sd-radio-group": Omit<SdRadioGroup, keyof SdRadioGroupAttributes> & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes]?: SdRadioGroup[K] } & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes as `attr:${K}`]?: SdRadioGroupAttributes[K] } & { [K in keyof SdRadioGroup & keyof SdRadioGroupAttributes as `prop:${K}`]?: SdRadioGroup[K] };
         "sd-select": Omit<SdSelect, keyof SdSelectAttributes> & { [K in keyof SdSelect & keyof SdSelectAttributes]?: SdSelect[K] } & { [K in keyof SdSelect & keyof SdSelectAttributes as `attr:${K}`]?: SdSelectAttributes[K] } & { [K in keyof SdSelect & keyof SdSelectAttributes as `prop:${K}`]?: SdSelect[K] };
         "sd-select-list-item": Omit<SdSelectListItem, keyof SdSelectListItemAttributes> & { [K in keyof SdSelectListItem & keyof SdSelectListItemAttributes]?: SdSelectListItem[K] } & { [K in keyof SdSelectListItem & keyof SdSelectListItemAttributes as `attr:${K}`]?: SdSelectListItemAttributes[K] } & { [K in keyof SdSelectListItem & keyof SdSelectListItemAttributes as `prop:${K}`]?: SdSelectListItem[K] };
         "sd-select-list-item-search": Omit<SdSelectListItemSearch, keyof SdSelectListItemSearchAttributes> & { [K in keyof SdSelectListItemSearch & keyof SdSelectListItemSearchAttributes]?: SdSelectListItemSearch[K] } & { [K in keyof SdSelectListItemSearch & keyof SdSelectListItemSearchAttributes as `attr:${K}`]?: SdSelectListItemSearchAttributes[K] } & { [K in keyof SdSelectListItemSearch & keyof SdSelectListItemSearchAttributes as `prop:${K}`]?: SdSelectListItemSearch[K] };
@@ -7074,6 +7951,11 @@ declare namespace LocalJSX {
         "sd-tag": Omit<SdTag, keyof SdTagAttributes> & { [K in keyof SdTag & keyof SdTagAttributes]?: SdTag[K] } & { [K in keyof SdTag & keyof SdTagAttributes as `attr:${K}`]?: SdTagAttributes[K] } & { [K in keyof SdTag & keyof SdTagAttributes as `prop:${K}`]?: SdTag[K] };
         "sd-text-link": Omit<SdTextLink, keyof SdTextLinkAttributes> & { [K in keyof SdTextLink & keyof SdTextLinkAttributes]?: SdTextLink[K] } & { [K in keyof SdTextLink & keyof SdTextLinkAttributes as `attr:${K}`]?: SdTextLinkAttributes[K] } & { [K in keyof SdTextLink & keyof SdTextLinkAttributes as `prop:${K}`]?: SdTextLink[K] };
         "sd-textarea": Omit<SdTextarea, keyof SdTextareaAttributes> & { [K in keyof SdTextarea & keyof SdTextareaAttributes]?: SdTextarea[K] } & { [K in keyof SdTextarea & keyof SdTextareaAttributes as `attr:${K}`]?: SdTextareaAttributes[K] } & { [K in keyof SdTextarea & keyof SdTextareaAttributes as `prop:${K}`]?: SdTextarea[K] };
+        "sd-time-picker": Omit<SdTimePicker, keyof SdTimePickerAttributes> & { [K in keyof SdTimePicker & keyof SdTimePickerAttributes]?: SdTimePicker[K] } & { [K in keyof SdTimePicker & keyof SdTimePickerAttributes as `attr:${K}`]?: SdTimePickerAttributes[K] } & { [K in keyof SdTimePicker & keyof SdTimePickerAttributes as `prop:${K}`]?: SdTimePicker[K] };
+        "sd-time-picker-selector": Omit<SdTimePickerSelector, keyof SdTimePickerSelectorAttributes> & { [K in keyof SdTimePickerSelector & keyof SdTimePickerSelectorAttributes]?: SdTimePickerSelector[K] } & { [K in keyof SdTimePickerSelector & keyof SdTimePickerSelectorAttributes as `attr:${K}`]?: SdTimePickerSelectorAttributes[K] } & { [K in keyof SdTimePickerSelector & keyof SdTimePickerSelectorAttributes as `prop:${K}`]?: SdTimePickerSelector[K] };
+        "sd-time-picker-trigger": Omit<SdTimePickerTrigger, keyof SdTimePickerTriggerAttributes> & { [K in keyof SdTimePickerTrigger & keyof SdTimePickerTriggerAttributes]?: SdTimePickerTrigger[K] } & { [K in keyof SdTimePickerTrigger & keyof SdTimePickerTriggerAttributes as `attr:${K}`]?: SdTimePickerTriggerAttributes[K] } & { [K in keyof SdTimePickerTrigger & keyof SdTimePickerTriggerAttributes as `prop:${K}`]?: SdTimePickerTrigger[K] };
+        "sd-time-range-picker": Omit<SdTimeRangePicker, keyof SdTimeRangePickerAttributes> & { [K in keyof SdTimeRangePicker & keyof SdTimeRangePickerAttributes]?: SdTimeRangePicker[K] } & { [K in keyof SdTimeRangePicker & keyof SdTimeRangePickerAttributes as `attr:${K}`]?: SdTimeRangePickerAttributes[K] } & { [K in keyof SdTimeRangePicker & keyof SdTimeRangePickerAttributes as `prop:${K}`]?: SdTimeRangePicker[K] };
+        "sd-time-range-picker-selector": Omit<SdTimeRangePickerSelector, keyof SdTimeRangePickerSelectorAttributes> & { [K in keyof SdTimeRangePickerSelector & keyof SdTimeRangePickerSelectorAttributes]?: SdTimeRangePickerSelector[K] } & { [K in keyof SdTimeRangePickerSelector & keyof SdTimeRangePickerSelectorAttributes as `attr:${K}`]?: SdTimeRangePickerSelectorAttributes[K] } & { [K in keyof SdTimeRangePickerSelector & keyof SdTimeRangePickerSelectorAttributes as `prop:${K}`]?: SdTimeRangePickerSelector[K] };
         "sd-toast": Omit<SdToast, keyof SdToastAttributes> & { [K in keyof SdToast & keyof SdToastAttributes]?: SdToast[K] } & { [K in keyof SdToast & keyof SdToastAttributes as `attr:${K}`]?: SdToastAttributes[K] } & { [K in keyof SdToast & keyof SdToastAttributes as `prop:${K}`]?: SdToast[K] } & OneOf<"message", SdToast["message"], SdToastAttributes["message"]>;
         "sd-toast-container": Omit<SdToastContainer, keyof SdToastContainerAttributes> & { [K in keyof SdToastContainer & keyof SdToastContainerAttributes]?: SdToastContainer[K] } & { [K in keyof SdToastContainer & keyof SdToastContainerAttributes as `attr:${K}`]?: SdToastContainerAttributes[K] } & { [K in keyof SdToastContainer & keyof SdToastContainerAttributes as `prop:${K}`]?: SdToastContainer[K] };
         "sd-toggle": Omit<SdToggle, keyof SdToggleAttributes> & { [K in keyof SdToggle & keyof SdToggleAttributes]?: SdToggle[K] } & { [K in keyof SdToggle & keyof SdToggleAttributes as `attr:${K}`]?: SdToggleAttributes[K] } & { [K in keyof SdToggle & keyof SdToggleAttributes as `prop:${K}`]?: SdToggle[K] };
@@ -7134,6 +8016,11 @@ declare module "@stencil/core" {
             "sd-tag": LocalJSX.IntrinsicElements["sd-tag"] & JSXBase.HTMLAttributes<HTMLSdTagElement>;
             "sd-text-link": LocalJSX.IntrinsicElements["sd-text-link"] & JSXBase.HTMLAttributes<HTMLSdTextLinkElement>;
             "sd-textarea": LocalJSX.IntrinsicElements["sd-textarea"] & JSXBase.HTMLAttributes<HTMLSdTextareaElement>;
+            "sd-time-picker": LocalJSX.IntrinsicElements["sd-time-picker"] & JSXBase.HTMLAttributes<HTMLSdTimePickerElement>;
+            "sd-time-picker-selector": LocalJSX.IntrinsicElements["sd-time-picker-selector"] & JSXBase.HTMLAttributes<HTMLSdTimePickerSelectorElement>;
+            "sd-time-picker-trigger": LocalJSX.IntrinsicElements["sd-time-picker-trigger"] & JSXBase.HTMLAttributes<HTMLSdTimePickerTriggerElement>;
+            "sd-time-range-picker": LocalJSX.IntrinsicElements["sd-time-range-picker"] & JSXBase.HTMLAttributes<HTMLSdTimeRangePickerElement>;
+            "sd-time-range-picker-selector": LocalJSX.IntrinsicElements["sd-time-range-picker-selector"] & JSXBase.HTMLAttributes<HTMLSdTimeRangePickerSelectorElement>;
             "sd-toast": LocalJSX.IntrinsicElements["sd-toast"] & JSXBase.HTMLAttributes<HTMLSdToastElement>;
             "sd-toast-container": LocalJSX.IntrinsicElements["sd-toast-container"] & JSXBase.HTMLAttributes<HTMLSdToastContainerElement>;
             "sd-toggle": LocalJSX.IntrinsicElements["sd-toggle"] & JSXBase.HTMLAttributes<HTMLSdToggleElement>;