@iyulab/components 1.41.1 → 1.42.1

package/CHANGELOG.md

@@ -1,5 +1,51 @@
 # Changelog
 
+## [1.42.1] - 2026-09-17
+
+### Fixed
+
+- **`u-panel` no longer adds a trailing blank page when printed.** Its `overflow: auto` makes it a
+  scroll container, which keeps the bottom margin of its last block inside the panel, so the panel
+  grew by that margin; content ending just short of a page boundary then spilled onto a page
+  holding only the margin. In print media the panel now uses `overflow: visible`, letting the
+  margin collapse past it and be truncated at the page break. Screen behavior is unchanged.
+
+## [1.42.0] - 2026-09-17
+
+### Fixed
+
+- **Two icon-only controls named themselves in English regardless of the locale.** `u-chip`'s remove
+  button and `u-tab`'s close button carried a hard-coded `aria-label`, so on a Korean app a
+  screen-reader user heard "Remove" and "Close tab" while everything around them was translated.
+  These controls have no visible text, so the gap could not show up in a visual review — only
+  someone using assistive technology would meet it. Both names now come from the locale table, with
+  `remove` and `closeTab` added for all fourteen built-in locales.
+- **`u-alert` fell back to the raw status value as its title, which is not a word in any locale.**
+  An alert written without a `title` showed `ERROR` or `DANGER` in the title row regardless of the
+  locale in effect, so a Korean screen carried uppercase English — one such screen reached a
+  customer in a printed manual. The same component's close button has always gone through `Locale`,
+  so the locale layer was not missing, only unused in this one place. The default title now comes
+  from the locale table (`오류` / `Error` / `エラー` …), with entries added for all fourteen built-in
+  locales, and a consumer-supplied `title` still wins.
+
+### Added
+
+- **`u-alert` warns once in development when `status` is not one of the five known values.** An
+  unknown value renders as a neutral notice with the bell icon and `role="status"` — so an alert
+  meant to report an error looks like an ordinary message and nothing says otherwise. Types cannot
+  catch this, because attributes set in HTML or produced by a server carry no type. `ALERT_STATUSES`
+  is now exported so the runtime check and the type read the same list.
+
+- **`reactWrapper({ reexport })`** — the generated React barrel can now re-export additional module
+  specifiers alongside the wrappers it generates. A package that keeps a few hand-written wrappers
+  (for a generic property or a custom event mapping the generator cannot derive) previously had to
+  publish them on a separate subpath, which left consumers with a barrel that was *not* a superset
+  of the per-component subpaths: what you got depended on which specifier you reached for. Passing
+  the hand-written module here folds it into the same barrel, so one specifier carries everything.
+  Give a package specifier rather than a relative path — a relative path bypasses the `exports` map,
+  which in a workspace makes the barrel load a different copy of the elements than the rest of the
+  package and registers the same tag twice.
+
 ## [1.41.1] - 2026-09-16
 
 ### Fixed

package/dist/assets/locales/ar.json.js

@@ -29,6 +29,14 @@ var noFileChosen = "لم يتم اختيار أي ملف";
 var filesSelected = "تم اختيار {count} ملفات";
 var resizePanels = "تغيير حجم اللوحات";
 var search = "بحث";
+var alertError = "خطأ";
+var alertWarning = "تحذير";
+var alertSuccess = "نجاح";
+var alertInfo = "معلومات";
+var alertNotice = "إشعار";
+var alertMessage = "رسالة";
+var remove = "إزالة";
+var closeTab = "إغلاق علامة التبويب";
 var ar_default = {
 	valueMissing,
 	badInput,
@@ -59,7 +67,15 @@ var ar_default = {
 	noFileChosen,
 	filesSelected,
 	resizePanels,
-	search
+	search,
+	alertError,
+	alertWarning,
+	alertSuccess,
+	alertInfo,
+	alertNotice,
+	alertMessage,
+	remove,
+	closeTab
 };
 //#endregion
-export { badInput, chooseDate, chooseFile, clear, close, copied, copy, decrement, ar_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };
+export { alertError, alertInfo, alertMessage, alertNotice, alertSuccess, alertWarning, badInput, chooseDate, chooseFile, clear, close, closeTab, copied, copy, decrement, ar_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, remove, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };

package/dist/assets/locales/de.json.js

@@ -29,6 +29,14 @@ var noFileChosen = "Keine Datei ausgewählt";
 var filesSelected = "{count} Dateien ausgewählt";
 var resizePanels = "Bereichsgröße ändern";
 var search = "Suchen";
+var alertError = "Fehler";
+var alertWarning = "Warnung";
+var alertSuccess = "Erfolg";
+var alertInfo = "Information";
+var alertNotice = "Hinweis";
+var alertMessage = "Nachricht";
+var remove = "Entfernen";
+var closeTab = "Tab schließen";
 var de_default = {
 	valueMissing,
 	badInput,
@@ -59,7 +67,15 @@ var de_default = {
 	noFileChosen,
 	filesSelected,
 	resizePanels,
-	search
+	search,
+	alertError,
+	alertWarning,
+	alertSuccess,
+	alertInfo,
+	alertNotice,
+	alertMessage,
+	remove,
+	closeTab
 };
 //#endregion
-export { badInput, chooseDate, chooseFile, clear, close, copied, copy, decrement, de_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };
+export { alertError, alertInfo, alertMessage, alertNotice, alertSuccess, alertWarning, badInput, chooseDate, chooseFile, clear, close, closeTab, copied, copy, decrement, de_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, remove, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };

package/dist/assets/locales/en.json.js

@@ -29,6 +29,14 @@ var noFileChosen = "No file chosen";
 var filesSelected = "{count} files selected";
 var resizePanels = "Resize panels";
 var search = "Search";
+var alertError = "Error";
+var alertWarning = "Warning";
+var alertSuccess = "Success";
+var alertInfo = "Information";
+var alertNotice = "Notice";
+var alertMessage = "Message";
+var remove = "Remove";
+var closeTab = "Close tab";
 var en_default = {
 	valueMissing,
 	badInput,
@@ -59,7 +67,15 @@ var en_default = {
 	noFileChosen,
 	filesSelected,
 	resizePanels,
-	search
+	search,
+	alertError,
+	alertWarning,
+	alertSuccess,
+	alertInfo,
+	alertNotice,
+	alertMessage,
+	remove,
+	closeTab
 };
 //#endregion
-export { badInput, chooseDate, chooseFile, clear, close, copied, copy, decrement, en_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };
+export { alertError, alertInfo, alertMessage, alertNotice, alertSuccess, alertWarning, badInput, chooseDate, chooseFile, clear, close, closeTab, copied, copy, decrement, en_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, remove, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };

package/dist/assets/locales/es.json.js

@@ -28,6 +28,14 @@ var noFileChosen = "Ningún archivo elegido";
 var filesSelected = "{count} archivos seleccionados";
 var resizePanels = "Cambiar el tamaño de los paneles";
 var search = "Buscar";
+var alertError = "Error";
+var alertWarning = "Advertencia";
+var alertSuccess = "Éxito";
+var alertInfo = "Información";
+var alertNotice = "Aviso";
+var alertMessage = "Mensaje";
+var remove = "Quitar";
+var closeTab = "Cerrar pestaña";
 var es_default = {
 	valueMissing,
 	badInput,
@@ -58,7 +66,15 @@ var es_default = {
 	noFileChosen,
 	filesSelected,
 	resizePanels,
-	search
+	search,
+	alertError,
+	alertWarning,
+	alertSuccess,
+	alertInfo,
+	alertNotice,
+	alertMessage,
+	remove,
+	closeTab
 };
 //#endregion
-export { badInput, chooseDate, chooseFile, clear, close, copied, copy, decrement, es_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, resizePanels, search, showPassword, stepMismatch, time, tooLong, tooShort, typeMismatch, valueMissing };
+export { alertError, alertInfo, alertMessage, alertNotice, alertSuccess, alertWarning, badInput, chooseDate, chooseFile, clear, close, closeTab, copied, copy, decrement, es_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, remove, resizePanels, search, showPassword, stepMismatch, time, tooLong, tooShort, typeMismatch, valueMissing };

package/dist/assets/locales/fr.json.js

@@ -29,6 +29,14 @@ var noFileChosen = "Aucun fichier choisi";
 var filesSelected = "{count} fichiers sélectionnés";
 var resizePanels = "Redimensionner les panneaux";
 var search = "Rechercher";
+var alertError = "Erreur";
+var alertWarning = "Avertissement";
+var alertSuccess = "Succès";
+var alertInfo = "Information";
+var alertNotice = "Avis";
+var alertMessage = "Message";
+var remove = "Supprimer";
+var closeTab = "Fermer l'onglet";
 var fr_default = {
 	valueMissing,
 	badInput,
@@ -59,7 +67,15 @@ var fr_default = {
 	noFileChosen,
 	filesSelected,
 	resizePanels,
-	search
+	search,
+	alertError,
+	alertWarning,
+	alertSuccess,
+	alertInfo,
+	alertNotice,
+	alertMessage,
+	remove,
+	closeTab
 };
 //#endregion
-export { badInput, chooseDate, chooseFile, clear, close, copied, copy, decrement, fr_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };
+export { alertError, alertInfo, alertMessage, alertNotice, alertSuccess, alertWarning, badInput, chooseDate, chooseFile, clear, close, closeTab, copied, copy, decrement, fr_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, remove, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };

package/dist/assets/locales/id.json.js

@@ -29,6 +29,14 @@ var noFileChosen = "Tidak ada berkas dipilih";
 var filesSelected = "{count} berkas dipilih";
 var resizePanels = "Ubah ukuran panel";
 var search = "Cari";
+var alertError = "Kesalahan";
+var alertWarning = "Peringatan";
+var alertSuccess = "Berhasil";
+var alertInfo = "Informasi";
+var alertNotice = "Pemberitahuan";
+var alertMessage = "Pesan";
+var remove = "Hapus";
+var closeTab = "Tutup tab";
 var id_default = {
 	valueMissing,
 	badInput,
@@ -59,7 +67,15 @@ var id_default = {
 	noFileChosen,
 	filesSelected,
 	resizePanels,
-	search
+	search,
+	alertError,
+	alertWarning,
+	alertSuccess,
+	alertInfo,
+	alertNotice,
+	alertMessage,
+	remove,
+	closeTab
 };
 //#endregion
-export { badInput, chooseDate, chooseFile, clear, close, copied, copy, decrement, id_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };
+export { alertError, alertInfo, alertMessage, alertNotice, alertSuccess, alertWarning, badInput, chooseDate, chooseFile, clear, close, closeTab, copied, copy, decrement, id_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, remove, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };

package/dist/assets/locales/ja.json.js

@@ -29,6 +29,14 @@ var noFileChosen = "ファイルが選択されていません";
 var filesSelected = "{count}個のファイルを選択しました";
 var resizePanels = "パネルのサイズ変更";
 var search = "検索";
+var alertError = "エラー";
+var alertWarning = "警告";
+var alertSuccess = "完了";
+var alertInfo = "お知らせ";
+var alertNotice = "通知";
+var alertMessage = "メッセージ";
+var remove = "削除";
+var closeTab = "タブを閉じる";
 var ja_default = {
 	valueMissing,
 	badInput,
@@ -59,7 +67,15 @@ var ja_default = {
 	noFileChosen,
 	filesSelected,
 	resizePanels,
-	search
+	search,
+	alertError,
+	alertWarning,
+	alertSuccess,
+	alertInfo,
+	alertNotice,
+	alertMessage,
+	remove,
+	closeTab
 };
 //#endregion
-export { badInput, chooseDate, chooseFile, clear, close, copied, copy, decrement, ja_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };
+export { alertError, alertInfo, alertMessage, alertNotice, alertSuccess, alertWarning, badInput, chooseDate, chooseFile, clear, close, closeTab, copied, copy, decrement, ja_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, remove, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };

package/dist/assets/locales/ko.json.js

@@ -29,6 +29,14 @@ var noFileChosen = "선택된 파일 없음";
 var filesSelected = "{count}개 파일 선택됨";
 var resizePanels = "패널 크기 조절";
 var search = "검색";
+var alertError = "오류";
+var alertWarning = "경고";
+var alertSuccess = "완료";
+var alertInfo = "안내";
+var alertNotice = "알림";
+var alertMessage = "메시지";
+var remove = "제거";
+var closeTab = "탭 닫기";
 var ko_default = {
 	valueMissing,
 	badInput,
@@ -59,7 +67,15 @@ var ko_default = {
 	noFileChosen,
 	filesSelected,
 	resizePanels,
-	search
+	search,
+	alertError,
+	alertWarning,
+	alertSuccess,
+	alertInfo,
+	alertNotice,
+	alertMessage,
+	remove,
+	closeTab
 };
 //#endregion
-export { badInput, chooseDate, chooseFile, clear, close, copied, copy, decrement, ko_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };
+export { alertError, alertInfo, alertMessage, alertNotice, alertSuccess, alertWarning, badInput, chooseDate, chooseFile, clear, close, closeTab, copied, copy, decrement, ko_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, remove, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };

package/dist/assets/locales/pt-BR.json.js

@@ -29,6 +29,14 @@ var noFileChosen = "Nenhum arquivo escolhido";
 var filesSelected = "{count} arquivos selecionados";
 var resizePanels = "Redimensionar painéis";
 var search = "Pesquisar";
+var alertError = "Erro";
+var alertWarning = "Aviso";
+var alertSuccess = "Sucesso";
+var alertInfo = "Informação";
+var alertNotice = "Nota";
+var alertMessage = "Mensagem";
+var remove = "Remover";
+var closeTab = "Fechar aba";
 var pt_BR_default = {
 	valueMissing,
 	badInput,
@@ -59,7 +67,15 @@ var pt_BR_default = {
 	noFileChosen,
 	filesSelected,
 	resizePanels,
-	search
+	search,
+	alertError,
+	alertWarning,
+	alertSuccess,
+	alertInfo,
+	alertNotice,
+	alertMessage,
+	remove,
+	closeTab
 };
 //#endregion
-export { badInput, chooseDate, chooseFile, clear, close, copied, copy, decrement, pt_BR_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };
+export { alertError, alertInfo, alertMessage, alertNotice, alertSuccess, alertWarning, badInput, chooseDate, chooseFile, clear, close, closeTab, copied, copy, decrement, pt_BR_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, remove, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };

package/dist/assets/locales/ru.json.js

@@ -29,6 +29,14 @@ var noFileChosen = "Файл не выбран";
 var filesSelected = "Выбрано файлов: {count}";
 var resizePanels = "Изменить размер панелей";
 var search = "Поиск";
+var alertError = "Ошибка";
+var alertWarning = "Предупреждение";
+var alertSuccess = "Успешно";
+var alertInfo = "Информация";
+var alertNotice = "Уведомление";
+var alertMessage = "Сообщение";
+var remove = "Удалить";
+var closeTab = "Закрыть вкладку";
 var ru_default = {
 	valueMissing,
 	badInput,
@@ -59,7 +67,15 @@ var ru_default = {
 	noFileChosen,
 	filesSelected,
 	resizePanels,
-	search
+	search,
+	alertError,
+	alertWarning,
+	alertSuccess,
+	alertInfo,
+	alertNotice,
+	alertMessage,
+	remove,
+	closeTab
 };
 //#endregion
-export { badInput, chooseDate, chooseFile, clear, close, copied, copy, decrement, ru_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };
+export { alertError, alertInfo, alertMessage, alertNotice, alertSuccess, alertWarning, badInput, chooseDate, chooseFile, clear, close, closeTab, copied, copy, decrement, ru_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, remove, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };

package/dist/assets/locales/th.json.js

@@ -29,6 +29,14 @@ var noFileChosen = "ยังไม่ได้เลือกไฟล์";
 var filesSelected = "เลือกแล้ว {count} ไฟล์";
 var resizePanels = "ปรับขนาดแผง";
 var search = "ค้นหา";
+var alertError = "ข้อผิดพลาด";
+var alertWarning = "คำเตือน";
+var alertSuccess = "สำเร็จ";
+var alertInfo = "ข้อมูล";
+var alertNotice = "ประกาศ";
+var alertMessage = "ข้อความ";
+var remove = "ลบ";
+var closeTab = "ปิดแท็บ";
 var th_default = {
 	valueMissing,
 	badInput,
@@ -59,7 +67,15 @@ var th_default = {
 	noFileChosen,
 	filesSelected,
 	resizePanels,
-	search
+	search,
+	alertError,
+	alertWarning,
+	alertSuccess,
+	alertInfo,
+	alertNotice,
+	alertMessage,
+	remove,
+	closeTab
 };
 //#endregion
-export { badInput, chooseDate, chooseFile, clear, close, copied, copy, decrement, th_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };
+export { alertError, alertInfo, alertMessage, alertNotice, alertSuccess, alertWarning, badInput, chooseDate, chooseFile, clear, close, closeTab, copied, copy, decrement, th_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, remove, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };

package/dist/assets/locales/vi.json.js

@@ -29,6 +29,14 @@ var noFileChosen = "Chưa chọn tệp nào";
 var filesSelected = "Đã chọn {count} tệp";
 var resizePanels = "Thay đổi kích thước bảng";
 var search = "Tìm kiếm";
+var alertError = "Lỗi";
+var alertWarning = "Cảnh báo";
+var alertSuccess = "Thành công";
+var alertInfo = "Thông tin";
+var alertNotice = "Lưu ý";
+var alertMessage = "Thông báo";
+var remove = "Xóa";
+var closeTab = "Đóng tab";
 var vi_default = {
 	valueMissing,
 	badInput,
@@ -59,7 +67,15 @@ var vi_default = {
 	noFileChosen,
 	filesSelected,
 	resizePanels,
-	search
+	search,
+	alertError,
+	alertWarning,
+	alertSuccess,
+	alertInfo,
+	alertNotice,
+	alertMessage,
+	remove,
+	closeTab
 };
 //#endregion
-export { badInput, chooseDate, chooseFile, clear, close, copied, copy, decrement, vi_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };
+export { alertError, alertInfo, alertMessage, alertNotice, alertSuccess, alertWarning, badInput, chooseDate, chooseFile, clear, close, closeTab, copied, copy, decrement, vi_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, remove, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };

package/dist/assets/locales/zh-CN.json.js

@@ -29,6 +29,14 @@ var noFileChosen = "未选择文件";
 var filesSelected = "已选择{count}个文件";
 var resizePanels = "调整面板大小";
 var search = "搜索";
+var alertError = "错误";
+var alertWarning = "警告";
+var alertSuccess = "成功";
+var alertInfo = "信息";
+var alertNotice = "提示";
+var alertMessage = "消息";
+var remove = "移除";
+var closeTab = "关闭标签页";
 var zh_CN_default = {
 	valueMissing,
 	badInput,
@@ -59,7 +67,15 @@ var zh_CN_default = {
 	noFileChosen,
 	filesSelected,
 	resizePanels,
-	search
+	search,
+	alertError,
+	alertWarning,
+	alertSuccess,
+	alertInfo,
+	alertNotice,
+	alertMessage,
+	remove,
+	closeTab
 };
 //#endregion
-export { badInput, chooseDate, chooseFile, clear, close, copied, copy, decrement, zh_CN_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };
+export { alertError, alertInfo, alertMessage, alertNotice, alertSuccess, alertWarning, badInput, chooseDate, chooseFile, clear, close, closeTab, copied, copy, decrement, zh_CN_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, remove, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };

package/dist/assets/locales/zh-TW.json.js

@@ -29,6 +29,14 @@ var noFileChosen = "未選擇檔案";
 var filesSelected = "已選擇{count}個檔案";
 var resizePanels = "調整面板大小";
 var search = "搜尋";
+var alertError = "錯誤";
+var alertWarning = "警告";
+var alertSuccess = "成功";
+var alertInfo = "資訊";
+var alertNotice = "提示";
+var alertMessage = "訊息";
+var remove = "移除";
+var closeTab = "關閉分頁";
 var zh_TW_default = {
 	valueMissing,
 	badInput,
@@ -59,7 +67,15 @@ var zh_TW_default = {
 	noFileChosen,
 	filesSelected,
 	resizePanels,
-	search
+	search,
+	alertError,
+	alertWarning,
+	alertSuccess,
+	alertInfo,
+	alertNotice,
+	alertMessage,
+	remove,
+	closeTab
 };
 //#endregion
-export { badInput, chooseDate, chooseFile, clear, close, copied, copy, decrement, zh_TW_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };
+export { alertError, alertInfo, alertMessage, alertNotice, alertSuccess, alertWarning, badInput, chooseDate, chooseFile, clear, close, closeTab, copied, copy, decrement, zh_TW_default as default, filesSelected, goToSlide, hidePassword, increment, nextMonth, nextSlide, noFileChosen, patternMismatch, previousMonth, previousSlide, rangeOverflow, rangeUnderflow, remove, resizePanels, search, showPassword, stepMismatch, time, today, tooLong, tooShort, typeMismatch, valueMissing };

package/dist/components/alert/UAlert.d.ts

@@ -1,6 +1,8 @@
 import { PropertyValues } from 'lit';
 import { UElement } from '../UElement.js';
-export type AlertStatus = "error" | "warning" | "success" | "info" | "notice";
+/** 유효한 `u-alert` 상태 — 런타임 검증과 타입이 **같은 목록**을 보게 둔다. */
+export declare const ALERT_STATUSES: readonly ["error", "warning", "success", "info", "notice"];
+export type AlertStatus = (typeof ALERT_STATUSES)[number];
 export type AlertVariant = "solid" | "filled" | "outlined" | "glass";
 /**
  * 사용자에게 메시지를 표시하는 Alert 컴포넌트입니다.
@@ -13,7 +15,7 @@ export type AlertVariant = "solid" | "filled" | "outlined" | "glass";
  * @csspart container - 전체 Alert 컨테이너 (flex column)
  * @csspart header - 아이콘·타이틀·닫기 버튼을 포함하는 상단 행
  * @csspart icon - 상태 아이콘 (status 없으면 hidden)
- * @csspart title - 타이틀 텍스트 (title 미지정 시 status 대문자 또는 'MESSAGE')
+ * @csspart title - 타이틀 텍스트 (title 미지정 시 현재 로케일의 상태 이름)
  * @csspart close-btn - 닫기 버튼 (closable=true 일 때만 표시)
  * @csspart content - 스크롤 가능한 본문 영역
  * @csspart footer - 하단 슬롯 영역
@@ -54,6 +56,27 @@ export declare class UAlert extends UElement {
      * Alert를 숨깁니다.
      */
     hide(): boolean;
+    /**
+     * `title` 을 주지 않았을 때 쓰는 제목 — **현재 로케일의 상태 이름**.
+     *
+     * 종전에는 `status` 를 대문자로 올려 썼다(`ERROR`·`WARNING` …). 그것은 **어느 로케일의
+     * 낱말도 아니어서**, 한국어 화면에 영문 대문자가 그대로 찍혔다(소비자 실측 — 이미 고객에게
+     * 전달된 매뉴얼 캡처 한 장에 그 상태로 실렸다). 같은 컴포넌트의 닫기 버튼은 처음부터
+     * `Locale` 을 탔으므로, 빠져 있던 것은 인프라가 아니라 **이 한 자리**였다.
+     *
+     * ⚠알 수 없는 `status` 는 여기서 조용히 «메시지» 로 떨어진다 — 그 사실 자체는
+     * `warnUnknownStatus` 가 개발 모드에서 알린다.
+     */
+    private defaultTitle;
+    /**
+     * 유효하지 않은 `status` 를 개발 모드에서 한 번 알린다.
+     *
+     * ★왜 필요한가: 이 컴포넌트는 알 수 없는 값을 **에러 없이** 받아 중립 알림(종 아이콘 ·
+     * `role="status"`)으로 그린다. 즉 `status="danger"` 는 *오류처럼 보이지 않는 오류 알림*이
+     * 되고 아무 신호도 나지 않는다 — 소비자가 실제로 화면 셋을 그 상태로 내보냈다.
+     * 타입은 이것을 막지 못한다(HTML 속성·서버가 만든 마크업에는 타입이 없다).
+     */
+    private warnUnknownStatus;
     /** Alert 상태에 따른 아이콘 이름을 반환합니다. */
     private mapIcon;
     /**

package/dist/components/alert/UAlert.js

@@ -2,12 +2,21 @@ import { UElement } from "../UElement.js";
 import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorateMetadata.js";
 import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import "../button/UButton.js";
+import { devWarnOnce } from "../../utilities/devWarning.js";
 import "../icon/UIcon.js";
 import { styles } from "./UAlert.styles.js";
 import { Locale } from "../../utilities/Locale.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";
 //#region src/components/alert/UAlert.ts
+/** 유효한 `u-alert` 상태 — 런타임 검증과 타입이 **같은 목록**을 보게 둔다. */
+var ALERT_STATUSES = [
+	"error",
+	"warning",
+	"success",
+	"info",
+	"notice"
+];
 var UAlert = class UAlert extends UElement {
 	constructor(..._args) {
 		super(..._args);
@@ -25,6 +34,7 @@ var UAlert = class UAlert extends UElement {
 		if (changedProperties.has("open")) this.setTimer(this.open);
 		this.setAttribute("role", this.mapRole(this.status));
 		this.setAttribute("aria-atomic", "true");
+		if (changedProperties.has("status")) this.warnUnknownStatus();
 	}
 	render() {
 		return html`
@@ -36,7 +46,7 @@ var UAlert = class UAlert extends UElement {
             name=${this.mapIcon(this.status)}
           ></u-icon>
           <div class="title" part="title">
-            ${this.title || this.status?.toUpperCase() || "MESSAGE"}
+            ${this.title || this.defaultTitle()}
           </div>
           <u-button class="close-btn" part="close-btn"
             variant="ghost"
@@ -83,6 +93,40 @@ var UAlert = class UAlert extends UElement {
 		}
 		return false;
 	}
+	/**
+	* `title` 을 주지 않았을 때 쓰는 제목 — **현재 로케일의 상태 이름**.
+	*
+	* 종전에는 `status` 를 대문자로 올려 썼다(`ERROR`·`WARNING` …). 그것은 **어느 로케일의
+	* 낱말도 아니어서**, 한국어 화면에 영문 대문자가 그대로 찍혔다(소비자 실측 — 이미 고객에게
+	* 전달된 매뉴얼 캡처 한 장에 그 상태로 실렸다). 같은 컴포넌트의 닫기 버튼은 처음부터
+	* `Locale` 을 탔으므로, 빠져 있던 것은 인프라가 아니라 **이 한 자리**였다.
+	*
+	* ⚠알 수 없는 `status` 는 여기서 조용히 «메시지» 로 떨어진다 — 그 사실 자체는
+	* `warnUnknownStatus` 가 개발 모드에서 알린다.
+	*/
+	defaultTitle() {
+		switch (this.status) {
+			case "error": return Locale.getValue("alertError");
+			case "warning": return Locale.getValue("alertWarning");
+			case "success": return Locale.getValue("alertSuccess");
+			case "info": return Locale.getValue("alertInfo");
+			case "notice": return Locale.getValue("alertNotice");
+			default: return Locale.getValue("alertMessage");
+		}
+	}
+	/**
+	* 유효하지 않은 `status` 를 개발 모드에서 한 번 알린다.
+	*
+	* ★왜 필요한가: 이 컴포넌트는 알 수 없는 값을 **에러 없이** 받아 중립 알림(종 아이콘 ·
+	* `role="status"`)으로 그린다. 즉 `status="danger"` 는 *오류처럼 보이지 않는 오류 알림*이
+	* 되고 아무 신호도 나지 않는다 — 소비자가 실제로 화면 셋을 그 상태로 내보냈다.
+	* 타입은 이것을 막지 못한다(HTML 속성·서버가 만든 마크업에는 타입이 없다).
+	*/
+	warnUnknownStatus() {
+		const status = this.status;
+		if (!status || ALERT_STATUSES.includes(status)) return;
+		devWarnOnce(`u-alert:status:${status}`, `<u-alert status="${status}"> is not a known status, so it renders as a neutral notice. Use one of: ${ALERT_STATUSES.join(", ")}.`);
+	}
 	/** Alert 상태에 따른 아이콘 이름을 반환합니다. */
 	mapIcon(status) {
 		switch (status) {
@@ -135,4 +179,4 @@ __decorate([property({ type: String }), __decorateMetadata("design:type", String
 __decorate([property({ type: Number }), __decorateMetadata("design:type", Number)], UAlert.prototype, "duration", void 0);
 UAlert = __decorate([customElement("u-alert")], UAlert);
 //#endregion
-export { UAlert };
+export { ALERT_STATUSES, UAlert };

package/dist/components/chip/UChip.js

@@ -3,6 +3,7 @@ import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.150.0/hel
 import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import "../button/UButton.js";
 import "../icon/UIcon.js";
+import { Locale } from "../../utilities/Locale.js";
 import "../tooltip/UTooltip.js";
 import "../tag/UTag.js";
 import { styles } from "./UChip.styles.js";
@@ -63,7 +64,7 @@ var UChip = class UChip extends UElement {
           ?hidden=${!this.removable}
           rounded
           variant="ghost"
-          aria-label="Remove"
+          aria-label=${Locale.getValue("remove")}
           @click=${this.handleRemoveClick}>
           <u-icon lib="internal" name="x"></u-icon>
         </u-button>

package/dist/components/panel/UPanel.styles.js

@@ -9,6 +9,18 @@ var styles = css`
     pointer-events: none;
     opacity: 0.5;
   }
+
+  /*
+   * 인쇄 - 종이에는 스크롤이 없다. overflow auto 는 독립 서식 문맥이라 패널 안 마지막 블록의
+   * 아래 여백을 패널 안에 가두고 그만큼 패널이 자란다. 내용 끝이 쪽 경계에서 그 여백 이내에
+   * 있으면 여백만 담긴 빈 꼬리 쪽이 찍힌다. 인쇄에서는 넘침을 흐름에 돌려 여백이 접히게 한다.
+   * 높이는 이 패널이 소유하지 않는다 - 소비자가 준 고정 높이는 소비자가 화면 매체로 한정한다.
+   */
+  @media print {
+    :host {
+      overflow: visible;
+    }
+  }
 `;
 //#endregion
 export { styles };

package/dist/components/tab/UTab.js

@@ -3,6 +3,7 @@ import __decorateMetadata from "../../_virtual/_@oxc-project_runtime@0.150.0/hel
 import __decorate from "../../_virtual/_@oxc-project_runtime@0.150.0/helpers/esm/decorate.js";
 import "../button/UButton.js";
 import "../icon/UIcon.js";
+import { Locale } from "../../utilities/Locale.js";
 import { styles } from "./UTab.styles.js";
 import { html } from "lit";
 import { customElement, property } from "lit/decorators.js";
@@ -42,7 +43,7 @@ var UTab = class UTab extends UElement {
         <u-button class="remove-btn" part="remove-btn"
         ?hidden=${!this.removable}
         variant="ghost"
-        aria-label="Close tab"
+        aria-label=${Locale.getValue("closeTab")}
         @click=${this.handleRemoveClick}
       >
         <u-icon lib="internal" name="x"></u-icon>

package/dist/index.js

@@ -11,7 +11,7 @@ import { IconCache, IconRegistry, getDefaultBaseUrl, setDefaultBaseUrl } from ".
 import { createDevWarner, devWarnOnce, resetDevWarnings } from "./utilities/devWarning.js";
 import { UIcon } from "./components/icon/UIcon.js";
 import { Locale } from "./utilities/Locale.js";
-import { UAlert } from "./components/alert/UAlert.js";
+import { ALERT_STATUSES, UAlert } from "./components/alert/UAlert.js";
 import { UAvatar } from "./components/avatar/UAvatar.js";
 import { UBadge } from "./components/badge/UBadge.js";
 import { UBreadcrumb } from "./components/breadcrumb/UBreadcrumb.js";
@@ -59,4 +59,4 @@ import { BrowserStorage } from "./utilities/BrowserStorage.js";
 import { Dialog } from "./utilities/Dialog.js";
 import { Theme } from "./utilities/Theme.js";
 import { Toast } from "./utilities/Toast.js";
-export { BrowserStorage, Dialog, IconCache, IconRegistry, Locale, OverlayManager, Theme, Toast, UAlert, UAvatar, UBadge, UBreadcrumb, UBreadcrumbItem, UButton, UButtonGroup, UCard, UCarousel, UCheckbox, UChip, UCopyButton, UDatePicker, UDialog, UDivider, UDrawer, UElement, UExpander, UField, UFileInput, UFloatingElement, UForm, UFormControlElement, UIcon, UIconButton, UInput, UMenu, UMenuItem, UOption, UOverlayElement, UPanel, UPopover, UProgressBar, UProgressRing, URadio, URating, USelect, USkeleton, USlider, USpinner, USplitPanel, USwitch, UTab, UTabPanel, UTag, UText, UTextarea, UTooltip, UTree, UTreeItem, arrayAttrConverter, booleanAttrConverter, createDevWarner, dateAttrConverter, devWarnOnce, formatCurrency, formatDate, formatNumber, getDefaultBaseUrl, getParentElement, isCoarsePointer, jsonAttrConverter, querySelectorAllWithin, querySelectorWithin, resetDevWarnings, setDefaultBaseUrl, urlAttrConverter };
+export { ALERT_STATUSES, BrowserStorage, Dialog, IconCache, IconRegistry, Locale, OverlayManager, Theme, Toast, UAlert, UAvatar, UBadge, UBreadcrumb, UBreadcrumbItem, UButton, UButtonGroup, UCard, UCarousel, UCheckbox, UChip, UCopyButton, UDatePicker, UDialog, UDivider, UDrawer, UElement, UExpander, UField, UFileInput, UFloatingElement, UForm, UFormControlElement, UIcon, UIconButton, UInput, UMenu, UMenuItem, UOption, UOverlayElement, UPanel, UPopover, UProgressBar, UProgressRing, URadio, URating, USelect, USkeleton, USlider, USpinner, USplitPanel, USwitch, UTab, UTabPanel, UTag, UText, UTextarea, UTooltip, UTree, UTreeItem, arrayAttrConverter, booleanAttrConverter, createDevWarner, dateAttrConverter, devWarnOnce, formatCurrency, formatDate, formatNumber, getDefaultBaseUrl, getParentElement, isCoarsePointer, jsonAttrConverter, querySelectorAllWithin, querySelectorWithin, resetDevWarnings, setDefaultBaseUrl, urlAttrConverter };

package/dist/plugins/vite-plugin-react-wrapper.d.ts

@@ -22,6 +22,20 @@ interface PluginOptions {
     output?: string;
     /** 래퍼 생성에서 제외할 glob 패턴 목록 (cwd: 프로젝트 루트) */
     exclude?: string[];
+    /**
+     * 생성 배럴(`<output>/index`)이 함께 재수출할 **추가 모듈 지정자** 목록.
+     *
+     * ★왜 필요한가: 어떤 패키지는 **손으로 쓴 래퍼**를 함께 갖는다(제네릭 프로퍼티·커스텀
+     *   이벤트 매핑처럼 생성기가 도출할 수 없는 것). 그것이 별도 서브패스에만 살면 소비자는
+     *   «배럴에서 얻는 것»과 «딥 경로에서 얻는 것»이 달라지고, 배럴이 딥의 상위집합이라는
+     *   관례가 깨진다. ⇒ 배럴이 그 손 래퍼까지 재수출해 한 갈래로 만든다.
+     *
+     * ⚠**반드시 «패키지 지정자»를 준다 — 상대 경로를 주지 말 것.** 상대 경로는 `exports`
+     *   맵을 거치지 않으므로 워크스페이스에서 배럴만 `dist` 트리를 싣고 나머지는 `src` 를
+     *   실어 **같은 태그를 두 클래스가 등록**한다(이 리포가 `TS2717` 로 한 번 겪은 형태).
+     *   예: `'@iyulab/modern-app/dist/react.js'`.
+     */
+    reexport?: string[];
 }
 /**
  * Lit Element 컴포넌트를 React 래퍼로 자동 생성하는 Vite 플러그인

package/dist/plugins/vite-plugin-react-wrapper.js

@@ -49,7 +49,7 @@ export default function reactWrapperPlugin(options) {
             for (const comp of components) {
                 generated.push(...writeWrapper(comp, outDir, buildOutDir, pkgName));
             }
-            generated.push(...writeIndex(components, outDir, buildOutDir));
+            generated.push(...writeIndex(components, outDir, buildOutDir, options.reexport ?? []));
             // 결과 출력
             generated.sort((a, b) => a.size - b.size);
             for (const f of generated) {
@@ -300,11 +300,16 @@ export type ${className}Props = React.ComponentProps<typeof ${className}>;
         writeFile(dtsPath, dts, buildOutDir),
     ];
 }
-function writeIndex(components, outDir, buildOutDir) {
-    const jsExports = components
+function writeIndex(components, outDir, buildOutDir, reexport) {
+    // 손 래퍼 재수출을 **먼저** 둔다 — 소비자가 읽는 순서를 「손으로 쓴 것 → 생성된 것」으로
+    // 맞춘다. ⚠이름이 겹치면 `export *` 는 그 이름을 **조용히 내보내지 않으므로**, 순서가
+    //   충돌을 해소해 주지는 않는다(겹치지 않게 `exclude` 로 가르는 것이 호출부의 책임).
+    const reexports = reexport.map(spec => `export * from '${spec}';`).join('\n');
+    const prefix = reexports ? reexports + '\n' : '';
+    const jsExports = prefix + components
         .map(c => `export { ${c.className} } from './${c.className}.js';`)
         .join('\n');
-    const dtsExports = components
+    const dtsExports = prefix + components
         .map(c => `export { ${c.className}, ${c.className}Props } from './${c.className}';`)
         .join('\n');
     return [

package/dist/utilities/Locale.d.ts

@@ -12,7 +12,7 @@ export type SupportedLocale = 'en' | 'ko' | 'ja' | 'zh-CN' | 'zh-TW' | 'es' | 'f
 /** 내장 로케일은 자동완성되지만, 임의의 BCP47 태그도 그대로 받는다. */
 export type LocaleTag = SupportedLocale | (string & {});
 /** 라이브러리가 제공하는 chrome 문자열 키. 지금은 검증 메시지뿐이지만 이후 다른 UI 문구도 추가될 수 있다. */
-export type LocaleMessageKey = 'valueMissing' | 'badInput' | 'typeMismatch' | 'patternMismatch' | 'rangeUnderflow' | 'rangeOverflow' | 'stepMismatch' | 'tooShort' | 'tooLong' | 'increment' | 'decrement' | 'clear' | 'today' | 'time' | 'showPassword' | 'hidePassword' | 'previousSlide' | 'nextSlide' | 'goToSlide' | 'chooseDate' | 'previousMonth' | 'nextMonth' | 'close' | 'copy' | 'copied' | 'chooseFile' | 'noFileChosen' | 'filesSelected' | 'resizePanels' | 'search';
+export type LocaleMessageKey = 'valueMissing' | 'badInput' | 'typeMismatch' | 'patternMismatch' | 'rangeUnderflow' | 'rangeOverflow' | 'stepMismatch' | 'tooShort' | 'tooLong' | 'increment' | 'decrement' | 'clear' | 'today' | 'time' | 'showPassword' | 'hidePassword' | 'previousSlide' | 'nextSlide' | 'goToSlide' | 'chooseDate' | 'previousMonth' | 'nextMonth' | 'close' | 'copy' | 'copied' | 'chooseFile' | 'noFileChosen' | 'filesSelected' | 'resizePanels' | 'search' | 'alertError' | 'alertWarning' | 'alertSuccess' | 'alertInfo' | 'alertNotice' | 'alertMessage' | 'remove' | 'closeTab';
 type LocaleTable = Record<LocaleMessageKey, string>;
 /**
  * 한 패키지(또는 앱 영역)의 문자열 묶음.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@iyulab/components",
   "description": "web-components library based on lit-element made by iyulab",
-  "version": "1.41.1",
+  "version": "1.42.1",
   "keywords": [
     "iyulab",
     "components",

package/skills/iyulab-components/references/components/alert.md

@@ -36,7 +36,7 @@ Closable message banner with status icons, auto-dismiss timer, and open/hide tra
 | `closable` | `boolean` | `false` | ✓ | Show close button |
 | `variant` | `'solid'\|'filled'\|'outlined'\|'glass'` | `'solid'` | ✓ | Visual style |
 | `status` | `'error'\|'warning'\|'success'\|'info'\|'notice'` | — | ✓ | Status type; controls icon and color |
-| `title` | `string` | `''` | — | Title label (falls back to status name) |
+| `title` | `string` | `''` | — | Title label. Left empty, the status name in the current locale is shown (`Locale.set('ko')` → 「오류」), not the raw status value |
 | `duration` | `number` | `0` | — | Auto-dismiss delay in ms; `0` disables |
 
 ## Events

package/skills/iyulab-components/references/components/panel.md

@@ -38,6 +38,11 @@ General-purpose content panel. Matches a tab or tree node when using `value`.
 <u-panel>…</u-panel>                          <!-- grows with its content -->
 ```
 
+In print media the panel is not a scroll container (`overflow: visible`) — paper does not
+scroll, and a scroll container keeps the bottom margin of its last block inside itself, which
+can push a page that holds only that margin. A height you give the panel is yours to scope to
+screen media (`@media screen { … }`); in print, a fixed height would let content overflow it.
+
 ## Slots
 
 | Name | Description |