klun-ui 0.5.0 → 0.7.0

package/dist/{chunk-WONPY7ZX.js → chunk-2S6ZRGPW.js}

@@ -1,9 +1,9 @@
 import { cx } from './chunk-T225J6LV.js';
-import { createContext, forwardRef, useState, useRef, useEffect, useMemo, Children, useCallback, useLayoutEffect, Fragment as Fragment$1, createElement, useContext, isValidElement, cloneElement, useSyncExternalStore } from 'react';
+import { createContext, forwardRef, useState, useRef, useEffect, useMemo, Children, useCallback, useId, useLayoutEffect, isValidElement, cloneElement, Fragment as Fragment$1, createElement, useContext, useSyncExternalStore } from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCorners, useDroppable, closestCenter } from '@dnd-kit/core';
 import { sortableKeyboardCoordinates, SortableContext, verticalListSortingStrategy, useSortable } from '@dnd-kit/sortable';
-import { CSS } from '@dnd-kit/utilities';
+import { CSS as CSS$1 } from '@dnd-kit/utilities';
 import { createPortal } from 'react-dom';
 import { createRoot } from 'react-dom/client';
 
@@ -197,7 +197,7 @@ var enUS = {
   banner: { dismiss: "Dismiss" },
   toast: { dismiss: "Dismiss" },
   fileUpload: { clickToUpload: "Click to upload", orDragAndDrop: "or drag and drop" },
-  imageUpload: { label: "Upload image", remove: "Remove" },
+  imageUpload: { label: "Upload image", remove: "Remove", hint: "PNG or JPG, up to 5MB" },
   passwordStrength: { weak: "Weak", fair: "Fair", good: "Good", strong: "Strong" },
   commandMenu: {
     placeholder: "Type a command or search\u2026",
@@ -265,7 +265,14 @@ var enUS = {
     perPage: "{size} / page",
     selectRow: "Select row",
     selectAll: "Select all rows"
-  }
+  },
+  wizard: { back: "\u4E0A\u4E00\u6B65", next: "\u4E0B\u4E00\u6B65", finish: "\u5B8C\u6210" },
+  a11y: { zoomIn: "Zoom in", zoomOut: "Zoom out", rotate: "Rotate", collapseStart: "Collapse start panel", collapseEnd: "Collapse end panel", bulkActions: "Bulk actions", clearSelection: "Clear selection", back: "Back" },
+  richEditor: { placeholder: "Write something\u2026", editorLabel: "Rich text editor" },
+  copy: { label: "Copy" },
+  emojiPicker: { searchPlaceholder: "Search emoji", emptyText: "No emoji found", addReaction: "Add reaction" },
+  sidebar: { searchPlaceholder: "Search", primary: "Primary" },
+  imageViewer: { reset: "Reset", download: "Download" }
 };
 var zhCN = {
   locale: "zh-CN",
@@ -295,7 +302,7 @@ var zhCN = {
   banner: { dismiss: "\u5173\u95ED" },
   toast: { dismiss: "\u5173\u95ED" },
   fileUpload: { clickToUpload: "\u70B9\u51FB\u4E0A\u4F20", orDragAndDrop: "\u6216\u62D6\u62FD\u5230\u6B64\u5904" },
-  imageUpload: { label: "\u4E0A\u4F20\u56FE\u7247", remove: "\u79FB\u9664" },
+  imageUpload: { label: "\u4E0A\u4F20\u56FE\u7247", remove: "\u79FB\u9664", hint: "\u652F\u6301 PNG \u6216 JPG\uFF0C\u6700\u5927 5MB" },
   passwordStrength: { weak: "\u5F31", fair: "\u4E00\u822C", good: "\u826F\u597D", strong: "\u5F3A" },
   commandMenu: {
     placeholder: "\u8F93\u5165\u547D\u4EE4\u6216\u641C\u7D22\u2026",
@@ -363,7 +370,14 @@ var zhCN = {
     perPage: "{size} / \u9875",
     selectRow: "\u9009\u62E9\u672C\u884C",
     selectAll: "\u5168\u9009"
-  }
+  },
+  wizard: { back: "\u4E0A\u4E00\u6B65", next: "\u4E0B\u4E00\u6B65", finish: "\u5B8C\u6210" },
+  a11y: { zoomIn: "\u653E\u5927", zoomOut: "\u7F29\u5C0F", rotate: "\u65CB\u8F6C", collapseStart: "\u6536\u8D77\u8D77\u59CB\u9762\u677F", collapseEnd: "\u6536\u8D77\u7ED3\u675F\u9762\u677F", bulkActions: "\u6279\u91CF\u64CD\u4F5C", clearSelection: "\u6E05\u9664\u9009\u62E9", back: "\u8FD4\u56DE" },
+  richEditor: { placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9\u2026", editorLabel: "\u5BCC\u6587\u672C\u7F16\u8F91\u5668" },
+  copy: { label: "\u590D\u5236" },
+  emojiPicker: { searchPlaceholder: "\u641C\u7D22\u8868\u60C5", emptyText: "\u6CA1\u6709\u627E\u5230\u8868\u60C5", addReaction: "\u6DFB\u52A0\u8868\u60C5" },
+  sidebar: { searchPlaceholder: "\u641C\u7D22", primary: "\u4E3B\u5BFC\u822A" },
+  imageViewer: { reset: "\u91CD\u7F6E", download: "\u4E0B\u8F7D" }
 };
 var zhTW = {
   locale: "zh-TW",
@@ -387,13 +401,13 @@ var zhTW = {
   },
   timePicker: { am: "\u4E0A\u5348", pm: "\u4E0B\u5348" },
   pagination: { previous: "\u4E0A\u4E00\u9801", next: "\u4E0B\u4E00\u9801" },
-  modal: { close: "\u95DC\u9589" },
+  modal: { close: "\u95DC\u9589", maximize: "\u6700\u5927\u5316", restore: "\u9084\u539F" },
   drawer: { close: "\u95DC\u9589" },
   alert: { dismiss: "\u95DC\u9589" },
   banner: { dismiss: "\u95DC\u9589" },
   toast: { dismiss: "\u95DC\u9589" },
   fileUpload: { clickToUpload: "\u9EDE\u64CA\u4E0A\u50B3", orDragAndDrop: "\u6216\u62D6\u66F3\u5230\u6B64\u8655" },
-  imageUpload: { label: "\u4E0A\u50B3\u5716\u7247", remove: "\u79FB\u9664" },
+  imageUpload: { label: "\u4E0A\u50B3\u5716\u7247", remove: "\u79FB\u9664", hint: "\u652F\u63F4 PNG \u6216 JPG\uFF0C\u6700\u5927 5MB" },
   passwordStrength: { weak: "\u5F31", fair: "\u4E00\u822C", good: "\u826F\u597D", strong: "\u5F37" },
   commandMenu: {
     placeholder: "\u8F38\u5165\u547D\u4EE4\u6216\u641C\u5C0B\u2026",
@@ -461,7 +475,14 @@ var zhTW = {
     perPage: "{size} / \u9801",
     selectRow: "\u9078\u64C7\u672C\u884C",
     selectAll: "\u5168\u9078"
-  }
+  },
+  wizard: { back: "\u623B\u308B", next: "\u6B21\u3078", finish: "\u5B8C\u4E86" },
+  a11y: { zoomIn: "\u653E\u5927", zoomOut: "\u7E2E\u5C0F", rotate: "\u65CB\u8F49", collapseStart: "\u6536\u5408\u8D77\u59CB\u9762\u677F", collapseEnd: "\u6536\u5408\u7D50\u675F\u9762\u677F", bulkActions: "\u6279\u6B21\u64CD\u4F5C", clearSelection: "\u6E05\u9664\u9078\u53D6", back: "\u8FD4\u56DE" },
+  richEditor: { placeholder: "\u8ACB\u8F38\u5165\u5167\u5BB9\u2026", editorLabel: "\u5BCC\u6587\u5B57\u7DE8\u8F2F\u5668" },
+  copy: { label: "\u8907\u88FD" },
+  emojiPicker: { searchPlaceholder: "\u641C\u5C0B\u8868\u60C5", emptyText: "\u627E\u4E0D\u5230\u8868\u60C5", addReaction: "\u65B0\u589E\u8868\u60C5" },
+  sidebar: { searchPlaceholder: "\u641C\u5C0B", primary: "\u4E3B\u5C0E\u89BD" },
+  imageViewer: { reset: "\u91CD\u8A2D", download: "\u4E0B\u8F09" }
 };
 var jaJP = {
   locale: "ja-JP",
@@ -485,13 +506,15 @@ var jaJP = {
   },
   timePicker: { am: "\u5348\u524D", pm: "\u5348\u5F8C" },
   pagination: { previous: "\u524D\u3078", next: "\u6B21\u3078" },
-  modal: { close: "\u9589\u3058\u308B" },
+  modal: { close: "\u9589\u3058\u308B", maximize: "\u6700\u5927\u5316", restore: "\u5143\u306B\u623B\u3059" },
+  select: { placeholder: "\u9078\u629E" },
+  counterInput: { decrease: "\u6E1B\u3089\u3059", increase: "\u5897\u3084\u3059" },
   drawer: { close: "\u9589\u3058\u308B" },
   alert: { dismiss: "\u9589\u3058\u308B" },
   banner: { dismiss: "\u9589\u3058\u308B" },
   toast: { dismiss: "\u9589\u3058\u308B" },
   fileUpload: { clickToUpload: "\u30AF\u30EA\u30C3\u30AF\u3057\u3066\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9", orDragAndDrop: "\u307E\u305F\u306F\u30C9\u30E9\u30C3\u30B0\uFF06\u30C9\u30ED\u30C3\u30D7" },
-  imageUpload: { label: "\u753B\u50CF\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9", remove: "\u524A\u9664" },
+  imageUpload: { label: "\u753B\u50CF\u3092\u30A2\u30C3\u30D7\u30ED\u30FC\u30C9", remove: "\u524A\u9664", hint: "PNG \u307E\u305F\u306F JPG\u3001\u6700\u5927 5MB" },
   passwordStrength: { weak: "\u5F31\u3044", fair: "\u666E\u901A", good: "\u826F\u3044", strong: "\u5F37\u3044" },
   commandMenu: {
     placeholder: "\u30B3\u30DE\u30F3\u30C9\u3092\u5165\u529B\u307E\u305F\u306F\u691C\u7D22\u2026",
@@ -554,8 +577,17 @@ var jaJP = {
     previous: "\u524D\u3078",
     next: "\u6B21\u3078",
     pageRange: "{total} \u4EF6\u4E2D {from}\u2013{to}",
-    perPage: "{size} \u4EF6 / \u30DA\u30FC\u30B8"
-  }
+    perPage: "{size} \u4EF6 / \u30DA\u30FC\u30B8",
+    selectRow: "\u884C\u3092\u9078\u629E",
+    selectAll: "\u3059\u3079\u3066\u9078\u629E"
+  },
+  wizard: { back: "\uC774\uC804", next: "\uB2E4\uC74C", finish: "\uC644\uB8CC" },
+  a11y: { zoomIn: "\u62E1\u5927", zoomOut: "\u7E2E\u5C0F", rotate: "\u56DE\u8EE2", collapseStart: "\u958B\u59CB\u30D1\u30CD\u30EB\u3092\u6298\u308A\u305F\u305F\u3080", collapseEnd: "\u7D42\u4E86\u30D1\u30CD\u30EB\u3092\u6298\u308A\u305F\u305F\u3080", bulkActions: "\u4E00\u62EC\u64CD\u4F5C", clearSelection: "\u9078\u629E\u3092\u89E3\u9664", back: "\u623B\u308B" },
+  richEditor: { placeholder: "\u5185\u5BB9\u3092\u5165\u529B\u2026", editorLabel: "\u30EA\u30C3\u30C1\u30C6\u30AD\u30B9\u30C8\u30A8\u30C7\u30A3\u30BF\u30FC" },
+  copy: { label: "\u30B3\u30D4\u30FC" },
+  emojiPicker: { searchPlaceholder: "\u7D75\u6587\u5B57\u3092\u691C\u7D22", emptyText: "\u7D75\u6587\u5B57\u304C\u898B\u3064\u304B\u308A\u307E\u305B\u3093", addReaction: "\u30EA\u30A2\u30AF\u30B7\u30E7\u30F3\u3092\u8FFD\u52A0" },
+  sidebar: { searchPlaceholder: "\u691C\u7D22", primary: "\u30E1\u30A4\u30F3\u30CA\u30D3\u30B2\u30FC\u30B7\u30E7\u30F3" },
+  imageViewer: { reset: "\u30EA\u30BB\u30C3\u30C8", download: "\u30C0\u30A6\u30F3\u30ED\u30FC\u30C9" }
 };
 var koKR = {
   locale: "ko-KR",
@@ -579,13 +611,15 @@ var koKR = {
   },
   timePicker: { am: "\uC624\uC804", pm: "\uC624\uD6C4" },
   pagination: { previous: "\uC774\uC804", next: "\uB2E4\uC74C" },
-  modal: { close: "\uB2EB\uAE30" },
+  modal: { close: "\uB2EB\uAE30", maximize: "\uCD5C\uB300\uD654", restore: "\uBCF5\uC6D0" },
+  select: { placeholder: "\uC120\uD0DD" },
+  counterInput: { decrease: "\uAC10\uC18C", increase: "\uC99D\uAC00" },
   drawer: { close: "\uB2EB\uAE30" },
   alert: { dismiss: "\uB2EB\uAE30" },
   banner: { dismiss: "\uB2EB\uAE30" },
   toast: { dismiss: "\uB2EB\uAE30" },
   fileUpload: { clickToUpload: "\uD074\uB9AD\uD558\uC5EC \uC5C5\uB85C\uB4DC", orDragAndDrop: "\uB610\uB294 \uB4DC\uB798\uADF8 \uC564 \uB4DC\uB86D" },
-  imageUpload: { label: "\uC774\uBBF8\uC9C0 \uC5C5\uB85C\uB4DC", remove: "\uC81C\uAC70" },
+  imageUpload: { label: "\uC774\uBBF8\uC9C0 \uC5C5\uB85C\uB4DC", remove: "\uC81C\uAC70", hint: "PNG \uB610\uB294 JPG, \uCD5C\uB300 5MB" },
   passwordStrength: { weak: "\uC57D\uD568", fair: "\uBCF4\uD1B5", good: "\uC591\uD638", strong: "\uAC15\uD568" },
   commandMenu: {
     placeholder: "\uBA85\uB839\uC5B4 \uC785\uB825 \uB610\uB294 \uAC80\uC0C9\u2026",
@@ -648,8 +682,17 @@ var koKR = {
     previous: "\uC774\uC804",
     next: "\uB2E4\uC74C",
     pageRange: "{total}\uAC1C \uC911 {from}\u2013{to}",
-    perPage: "{size}\uAC1C / \uD398\uC774\uC9C0"
-  }
+    perPage: "{size}\uAC1C / \uD398\uC774\uC9C0",
+    selectRow: "\uD589 \uC120\uD0DD",
+    selectAll: "\uC804\uCCB4 \uC120\uD0DD"
+  },
+  wizard: { back: "Retour", next: "Suivant", finish: "Terminer" },
+  a11y: { zoomIn: "\uD655\uB300", zoomOut: "\uCD95\uC18C", rotate: "\uD68C\uC804", collapseStart: "\uC2DC\uC791 \uD328\uB110 \uC811\uAE30", collapseEnd: "\uB05D \uD328\uB110 \uC811\uAE30", bulkActions: "\uC77C\uAD04 \uC791\uC5C5", clearSelection: "\uC120\uD0DD \uD574\uC81C", back: "\uB4A4\uB85C" },
+  richEditor: { placeholder: "\uB0B4\uC6A9\uC744 \uC785\uB825\u2026", editorLabel: "\uB9AC\uCE58 \uD14D\uC2A4\uD2B8 \uD3B8\uC9D1\uAE30" },
+  copy: { label: "\uBCF5\uC0AC" },
+  emojiPicker: { searchPlaceholder: "\uC774\uBAA8\uC9C0 \uAC80\uC0C9", emptyText: "\uC774\uBAA8\uC9C0\uB97C \uCC3E\uC744 \uC218 \uC5C6\uC74C", addReaction: "\uBC18\uC751 \uCD94\uAC00" },
+  sidebar: { searchPlaceholder: "\uAC80\uC0C9", primary: "\uAE30\uBCF8 \uD0D0\uC0C9" },
+  imageViewer: { reset: "\uC7AC\uC124\uC815", download: "\uB2E4\uC6B4\uB85C\uB4DC" }
 };
 var frFR = {
   locale: "fr-FR",
@@ -673,13 +716,15 @@ var frFR = {
   },
   timePicker: { am: "AM", pm: "PM" },
   pagination: { previous: "Pr\xE9c\xE9dent", next: "Suivant" },
-  modal: { close: "Fermer" },
+  modal: { close: "Fermer", maximize: "Agrandir", restore: "Restaurer" },
+  select: { placeholder: "S\xE9lectionner" },
+  counterInput: { decrease: "Diminuer", increase: "Augmenter" },
   drawer: { close: "Fermer" },
   alert: { dismiss: "Fermer" },
   banner: { dismiss: "Fermer" },
   toast: { dismiss: "Fermer" },
   fileUpload: { clickToUpload: "Cliquez pour t\xE9l\xE9verser", orDragAndDrop: "ou glissez-d\xE9posez" },
-  imageUpload: { label: "T\xE9l\xE9verser une image", remove: "Supprimer" },
+  imageUpload: { label: "T\xE9l\xE9verser une image", remove: "Supprimer", hint: "PNG ou JPG, jusqu'\xE0 5 Mo" },
   passwordStrength: { weak: "Faible", fair: "Moyen", good: "Bon", strong: "Fort" },
   commandMenu: {
     placeholder: "Tapez une commande ou recherchez\u2026",
@@ -742,8 +787,17 @@ var frFR = {
     previous: "Pr\xE9c\xE9dent",
     next: "Suivant",
     pageRange: "{from}\u2013{to} sur {total}",
-    perPage: "{size} / page"
-  }
+    perPage: "{size} / page",
+    selectRow: "S\xE9lectionner la ligne",
+    selectAll: "Tout s\xE9lectionner"
+  },
+  wizard: { back: "Zur\xFCck", next: "Weiter", finish: "Fertig" },
+  a11y: { zoomIn: "Zoom avant", zoomOut: "Zoom arri\xE8re", rotate: "Pivoter", collapseStart: "R\xE9duire le panneau de d\xE9but", collapseEnd: "R\xE9duire le panneau de fin", bulkActions: "Actions group\xE9es", clearSelection: "Effacer la s\xE9lection", back: "Retour" },
+  richEditor: { placeholder: "\xC9crivez quelque chose\u2026", editorLabel: "\xC9diteur de texte enrichi" },
+  copy: { label: "Copier" },
+  emojiPicker: { searchPlaceholder: "Rechercher un emoji", emptyText: "Aucun emoji trouv\xE9", addReaction: "Ajouter une r\xE9action" },
+  sidebar: { searchPlaceholder: "Rechercher", primary: "Navigation principale" },
+  imageViewer: { reset: "R\xE9initialiser", download: "T\xE9l\xE9charger" }
 };
 var deDE = {
   locale: "de-DE",
@@ -767,13 +821,15 @@ var deDE = {
   },
   timePicker: { am: "AM", pm: "PM" },
   pagination: { previous: "Zur\xFCck", next: "Weiter" },
-  modal: { close: "Schlie\xDFen" },
+  modal: { close: "Schlie\xDFen", maximize: "Maximieren", restore: "Wiederherstellen" },
+  select: { placeholder: "Ausw\xE4hlen" },
+  counterInput: { decrease: "Verringern", increase: "Erh\xF6hen" },
   drawer: { close: "Schlie\xDFen" },
   alert: { dismiss: "Schlie\xDFen" },
   banner: { dismiss: "Schlie\xDFen" },
   toast: { dismiss: "Schlie\xDFen" },
   fileUpload: { clickToUpload: "Zum Hochladen klicken", orDragAndDrop: "oder per Drag & Drop" },
-  imageUpload: { label: "Bild hochladen", remove: "Entfernen" },
+  imageUpload: { label: "Bild hochladen", remove: "Entfernen", hint: "PNG oder JPG, bis zu 5 MB" },
   passwordStrength: { weak: "Schwach", fair: "Mittel", good: "Gut", strong: "Stark" },
   commandMenu: {
     placeholder: "Befehl eingeben oder suchen\u2026",
@@ -836,8 +892,17 @@ var deDE = {
     previous: "Zur\xFCck",
     next: "Weiter",
     pageRange: "{from}\u2013{to} von {total}",
-    perPage: "{size} / Seite"
-  }
+    perPage: "{size} / Seite",
+    selectRow: "Zeile ausw\xE4hlen",
+    selectAll: "Alle ausw\xE4hlen"
+  },
+  wizard: { back: "Atr\xE1s", next: "Siguiente", finish: "Finalizar" },
+  a11y: { zoomIn: "Vergr\xF6\xDFern", zoomOut: "Verkleinern", rotate: "Drehen", collapseStart: "Startbereich einklappen", collapseEnd: "Endbereich einklappen", bulkActions: "Mehrfachaktionen", clearSelection: "Auswahl aufheben", back: "Zur\xFCck" },
+  richEditor: { placeholder: "Etwas eingeben\u2026", editorLabel: "Rich-Text-Editor" },
+  copy: { label: "Kopieren" },
+  emojiPicker: { searchPlaceholder: "Emoji suchen", emptyText: "Kein Emoji gefunden", addReaction: "Reaktion hinzuf\xFCgen" },
+  sidebar: { searchPlaceholder: "Suchen", primary: "Hauptnavigation" },
+  imageViewer: { reset: "Zur\xFCcksetzen", download: "Herunterladen" }
 };
 var esES = {
   locale: "es-ES",
@@ -861,13 +926,15 @@ var esES = {
   },
   timePicker: { am: "AM", pm: "PM" },
   pagination: { previous: "Anterior", next: "Siguiente" },
-  modal: { close: "Cerrar" },
+  modal: { close: "Cerrar", maximize: "Maximizar", restore: "Restaurar" },
+  select: { placeholder: "Seleccionar" },
+  counterInput: { decrease: "Disminuir", increase: "Aumentar" },
   drawer: { close: "Cerrar" },
   alert: { dismiss: "Cerrar" },
   banner: { dismiss: "Cerrar" },
   toast: { dismiss: "Cerrar" },
   fileUpload: { clickToUpload: "Haz clic para subir", orDragAndDrop: "o arrastra y suelta" },
-  imageUpload: { label: "Subir imagen", remove: "Eliminar" },
+  imageUpload: { label: "Subir imagen", remove: "Eliminar", hint: "PNG o JPG, hasta 5 MB" },
   passwordStrength: { weak: "D\xE9bil", fair: "Regular", good: "Buena", strong: "Fuerte" },
   commandMenu: {
     placeholder: "Escribe un comando o busca\u2026",
@@ -930,8 +997,17 @@ var esES = {
     previous: "Anterior",
     next: "Siguiente",
     pageRange: "{from}\u2013{to} de {total}",
-    perPage: "{size} / p\xE1gina"
-  }
+    perPage: "{size} / p\xE1gina",
+    selectRow: "Seleccionar fila",
+    selectAll: "Seleccionar todo"
+  },
+  wizard: { back: "Voltar", next: "Avan\xE7ar", finish: "Concluir" },
+  a11y: { zoomIn: "Acercar", zoomOut: "Alejar", rotate: "Girar", collapseStart: "Contraer panel inicial", collapseEnd: "Contraer panel final", bulkActions: "Acciones masivas", clearSelection: "Borrar selecci\xF3n", back: "Atr\xE1s" },
+  richEditor: { placeholder: "Escribe algo\u2026", editorLabel: "Editor de texto enriquecido" },
+  copy: { label: "Copiar" },
+  emojiPicker: { searchPlaceholder: "Buscar emoji", emptyText: "No se encontraron emojis", addReaction: "A\xF1adir reacci\xF3n" },
+  sidebar: { searchPlaceholder: "Buscar", primary: "Navegaci\xF3n principal" },
+  imageViewer: { reset: "Restablecer", download: "Descargar" }
 };
 var ptBR = {
   locale: "pt-BR",
@@ -955,13 +1031,15 @@ var ptBR = {
   },
   timePicker: { am: "AM", pm: "PM" },
   pagination: { previous: "Anterior", next: "Pr\xF3ximo" },
-  modal: { close: "Fechar" },
+  modal: { close: "Fechar", maximize: "Maximizar", restore: "Restaurar" },
+  select: { placeholder: "Selecionar" },
+  counterInput: { decrease: "Diminuir", increase: "Aumentar" },
   drawer: { close: "Fechar" },
   alert: { dismiss: "Fechar" },
   banner: { dismiss: "Fechar" },
   toast: { dismiss: "Fechar" },
   fileUpload: { clickToUpload: "Clique para enviar", orDragAndDrop: "ou arraste e solte" },
-  imageUpload: { label: "Enviar imagem", remove: "Remover" },
+  imageUpload: { label: "Enviar imagem", remove: "Remover", hint: "PNG ou JPG, at\xE9 5 MB" },
   passwordStrength: { weak: "Fraca", fair: "Razo\xE1vel", good: "Boa", strong: "Forte" },
   commandMenu: {
     placeholder: "Digite um comando ou pesquise\u2026",
@@ -1024,8 +1102,17 @@ var ptBR = {
     previous: "Anterior",
     next: "Pr\xF3ximo",
     pageRange: "{from}\u2013{to} de {total}",
-    perPage: "{size} / p\xE1gina"
-  }
+    perPage: "{size} / p\xE1gina",
+    selectRow: "Selecionar linha",
+    selectAll: "Selecionar tudo"
+  },
+  wizard: { back: "\u041D\u0430\u0437\u0430\u0434", next: "\u0414\u0430\u043B\u0435\u0435", finish: "\u0413\u043E\u0442\u043E\u0432\u043E" },
+  a11y: { zoomIn: "Ampliar", zoomOut: "Reduzir", rotate: "Girar", collapseStart: "Recolher painel inicial", collapseEnd: "Recolher painel final", bulkActions: "A\xE7\xF5es em massa", clearSelection: "Limpar sele\xE7\xE3o", back: "Voltar" },
+  richEditor: { placeholder: "Escreva algo\u2026", editorLabel: "Editor de texto rico" },
+  copy: { label: "Copiar" },
+  emojiPicker: { searchPlaceholder: "Pesquisar emoji", emptyText: "Nenhum emoji encontrado", addReaction: "Adicionar rea\xE7\xE3o" },
+  sidebar: { searchPlaceholder: "Pesquisar", primary: "Navega\xE7\xE3o principal" },
+  imageViewer: { reset: "Redefinir", download: "Baixar" }
 };
 var ruRU = {
   locale: "ru-RU",
@@ -1049,13 +1136,15 @@ var ruRU = {
   },
   timePicker: { am: "AM", pm: "PM" },
   pagination: { previous: "\u041D\u0430\u0437\u0430\u0434", next: "\u0412\u043F\u0435\u0440\u0451\u0434" },
-  modal: { close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" },
+  modal: { close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C", maximize: "\u0420\u0430\u0437\u0432\u0435\u0440\u043D\u0443\u0442\u044C", restore: "\u0412\u043E\u0441\u0441\u0442\u0430\u043D\u043E\u0432\u0438\u0442\u044C" },
+  select: { placeholder: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C" },
+  counterInput: { decrease: "\u0423\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C", increase: "\u0423\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C" },
   drawer: { close: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" },
   alert: { dismiss: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" },
   banner: { dismiss: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" },
   toast: { dismiss: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C" },
   fileUpload: { clickToUpload: "\u041D\u0430\u0436\u043C\u0438\u0442\u0435 \u0434\u043B\u044F \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438", orDragAndDrop: "\u0438\u043B\u0438 \u043F\u0435\u0440\u0435\u0442\u0430\u0449\u0438\u0442\u0435" },
-  imageUpload: { label: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435", remove: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C" },
+  imageUpload: { label: "\u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044C \u0438\u0437\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u0435", remove: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C", hint: "PNG \u0438\u043B\u0438 JPG, \u0434\u043E 5 \u041C\u0411" },
   passwordStrength: { weak: "\u0421\u043B\u0430\u0431\u044B\u0439", fair: "\u0421\u0440\u0435\u0434\u043D\u0438\u0439", good: "\u0425\u043E\u0440\u043E\u0448\u0438\u0439", strong: "\u041D\u0430\u0434\u0451\u0436\u043D\u044B\u0439" },
   commandMenu: {
     placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u043A\u043E\u043C\u0430\u043D\u0434\u0443 \u0438\u043B\u0438 \u043F\u043E\u0438\u0441\u043A\u2026",
@@ -1118,8 +1207,17 @@ var ruRU = {
     previous: "\u041D\u0430\u0437\u0430\u0434",
     next: "\u0412\u043F\u0435\u0440\u0451\u0434",
     pageRange: "{from}\u2013{to} \u0438\u0437 {total}",
-    perPage: "{size} / \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430"
-  }
+    perPage: "{size} / \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430",
+    selectRow: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0441\u0442\u0440\u043E\u043A\u0443",
+    selectAll: "\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0432\u0441\u0435"
+  },
+  wizard: { back: "\u0631\u062C\u0648\u0639", next: "\u0627\u0644\u062A\u0627\u0644\u064A", finish: "\u0625\u0646\u0647\u0627\u0621" },
+  a11y: { zoomIn: "\u0423\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C", zoomOut: "\u0423\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C", rotate: "\u041F\u043E\u0432\u0435\u0440\u043D\u0443\u0442\u044C", collapseStart: "\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043D\u0430\u0447\u0430\u043B\u044C\u043D\u0443\u044E \u043F\u0430\u043D\u0435\u043B\u044C", collapseEnd: "\u0421\u0432\u0435\u0440\u043D\u0443\u0442\u044C \u043A\u043E\u043D\u0435\u0447\u043D\u0443\u044E \u043F\u0430\u043D\u0435\u043B\u044C", bulkActions: "\u041C\u0430\u0441\u0441\u043E\u0432\u044B\u0435 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F", clearSelection: "\u0421\u043D\u044F\u0442\u044C \u0432\u044B\u0434\u0435\u043B\u0435\u043D\u0438\u0435", back: "\u041D\u0430\u0437\u0430\u0434" },
+  richEditor: { placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0442\u0435\u043A\u0441\u0442\u2026", editorLabel: "\u0420\u0435\u0434\u0430\u043A\u0442\u043E\u0440 \u0444\u043E\u0440\u043C\u0430\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u043E\u0433\u043E \u0442\u0435\u043A\u0441\u0442\u0430" },
+  copy: { label: "\u041A\u043E\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C" },
+  emojiPicker: { searchPlaceholder: "\u041F\u043E\u0438\u0441\u043A \u044D\u043C\u043E\u0434\u0437\u0438", emptyText: "\u042D\u043C\u043E\u0434\u0437\u0438 \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u044B", addReaction: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0440\u0435\u0430\u043A\u0446\u0438\u044E" },
+  sidebar: { searchPlaceholder: "\u041F\u043E\u0438\u0441\u043A", primary: "\u041E\u0441\u043D\u043E\u0432\u043D\u0430\u044F \u043D\u0430\u0432\u0438\u0433\u0430\u0446\u0438\u044F" },
+  imageViewer: { reset: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C", download: "\u0421\u043A\u0430\u0447\u0430\u0442\u044C" }
 };
 var arSA = {
   locale: "ar-SA",
@@ -1143,13 +1241,15 @@ var arSA = {
   },
   timePicker: { am: "\u0635", pm: "\u0645" },
   pagination: { previous: "\u0627\u0644\u0633\u0627\u0628\u0642", next: "\u0627\u0644\u062A\u0627\u0644\u064A" },
-  modal: { close: "\u0625\u063A\u0644\u0627\u0642" },
+  modal: { close: "\u0625\u063A\u0644\u0627\u0642", maximize: "\u062A\u0643\u0628\u064A\u0631", restore: "\u0627\u0633\u062A\u0639\u0627\u062F\u0629" },
+  select: { placeholder: "\u062A\u062D\u062F\u064A\u062F" },
+  counterInput: { decrease: "\u062A\u0642\u0644\u064A\u0644", increase: "\u0632\u064A\u0627\u062F\u0629" },
   drawer: { close: "\u0625\u063A\u0644\u0627\u0642" },
   alert: { dismiss: "\u0625\u063A\u0644\u0627\u0642" },
   banner: { dismiss: "\u0625\u063A\u0644\u0627\u0642" },
   toast: { dismiss: "\u0625\u063A\u0644\u0627\u0642" },
   fileUpload: { clickToUpload: "\u0627\u0646\u0642\u0631 \u0644\u0644\u0631\u0641\u0639", orDragAndDrop: "\u0623\u0648 \u0627\u0633\u062D\u0628 \u0648\u0623\u0641\u0644\u062A" },
-  imageUpload: { label: "\u0631\u0641\u0639 \u0635\u0648\u0631\u0629", remove: "\u0625\u0632\u0627\u0644\u0629" },
+  imageUpload: { label: "\u0631\u0641\u0639 \u0635\u0648\u0631\u0629", remove: "\u0625\u0632\u0627\u0644\u0629", hint: "PNG \u0623\u0648 JPG\u060C \u062D\u062A\u0649 5 \u0645\u064A\u062C\u0627\u0628\u0627\u064A\u062A" },
   passwordStrength: { weak: "\u0636\u0639\u064A\u0641", fair: "\u0645\u0642\u0628\u0648\u0644", good: "\u062C\u064A\u062F", strong: "\u0642\u0648\u064A" },
   commandMenu: {
     placeholder: "\u0627\u0643\u062A\u0628 \u0623\u0645\u0631\u064B\u0627 \u0623\u0648 \u0627\u0628\u062D\u062B\u2026",
@@ -1212,8 +1312,17 @@ var arSA = {
     previous: "\u0627\u0644\u0633\u0627\u0628\u0642",
     next: "\u0627\u0644\u062A\u0627\u0644\u064A",
     pageRange: "{from}\u2013{to} \u0645\u0646 {total}",
-    perPage: "{size} / \u0635\u0641\u062D\u0629"
-  }
+    perPage: "{size} / \u0635\u0641\u062D\u0629",
+    selectRow: "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0635\u0641",
+    selectAll: "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644"
+  },
+  wizard: { back: "Indietro", next: "Avanti", finish: "Fine" },
+  a11y: { zoomIn: "\u062A\u0643\u0628\u064A\u0631", zoomOut: "\u062A\u0635\u063A\u064A\u0631", rotate: "\u062A\u062F\u0648\u064A\u0631", collapseStart: "\u0637\u064A \u0627\u0644\u0644\u0648\u062D\u0629 \u0627\u0644\u0623\u0648\u0644\u0649", collapseEnd: "\u0637\u064A \u0627\u0644\u0644\u0648\u062D\u0629 \u0627\u0644\u0623\u062E\u064A\u0631\u0629", bulkActions: "\u0625\u062C\u0631\u0627\u0621\u0627\u062A \u062C\u0645\u0627\u0639\u064A\u0629", clearSelection: "\u0625\u0644\u063A\u0627\u0621 \u0627\u0644\u062A\u062D\u062F\u064A\u062F", back: "\u0631\u062C\u0648\u0639" },
+  richEditor: { placeholder: "\u0627\u0643\u062A\u0628 \u0634\u064A\u0626\u064B\u0627\u2026", editorLabel: "\u0645\u062D\u0631\u0631 \u0646\u0635 \u0645\u0646\u0633\u0642" },
+  copy: { label: "\u0646\u0633\u062E" },
+  emojiPicker: { searchPlaceholder: "\u0627\u0644\u0628\u062D\u062B \u0639\u0646 \u0631\u0645\u0632 \u062A\u0639\u0628\u064A\u0631\u064A", emptyText: "\u0644\u0645 \u064A\u062A\u0645 \u0627\u0644\u0639\u062B\u0648\u0631 \u0639\u0644\u0649 \u0631\u0645\u0648\u0632", addReaction: "\u0625\u0636\u0627\u0641\u0629 \u062A\u0641\u0627\u0639\u0644" },
+  sidebar: { searchPlaceholder: "\u0628\u062D\u062B", primary: "\u0627\u0644\u062A\u0646\u0642\u0644 \u0627\u0644\u0631\u0626\u064A\u0633\u064A" },
+  imageViewer: { reset: "\u0625\u0639\u0627\u062F\u0629 \u062A\u0639\u064A\u064A\u0646", download: "\u062A\u0646\u0632\u064A\u0644" }
 };
 var itIT = {
   locale: "it-IT",
@@ -1237,13 +1346,15 @@ var itIT = {
   },
   timePicker: { am: "AM", pm: "PM" },
   pagination: { previous: "Precedente", next: "Successivo" },
-  modal: { close: "Chiudi" },
+  modal: { close: "Chiudi", maximize: "Ingrandisci", restore: "Ripristina" },
+  select: { placeholder: "Seleziona" },
+  counterInput: { decrease: "Diminuisci", increase: "Aumenta" },
   drawer: { close: "Chiudi" },
   alert: { dismiss: "Chiudi" },
   banner: { dismiss: "Chiudi" },
   toast: { dismiss: "Chiudi" },
   fileUpload: { clickToUpload: "Clicca per caricare", orDragAndDrop: "o trascina qui" },
-  imageUpload: { label: "Carica immagine", remove: "Rimuovi" },
+  imageUpload: { label: "Carica immagine", remove: "Rimuovi", hint: "PNG o JPG, fino a 5 MB" },
   passwordStrength: { weak: "Debole", fair: "Discreta", good: "Buona", strong: "Forte" },
   commandMenu: {
     placeholder: "Digita un comando o cerca\u2026",
@@ -1306,8 +1417,17 @@ var itIT = {
     previous: "Precedente",
     next: "Successivo",
     pageRange: "{from}\u2013{to} di {total}",
-    perPage: "{size} / pagina"
-  }
+    perPage: "{size} / pagina",
+    selectRow: "Seleziona riga",
+    selectAll: "Seleziona tutto"
+  },
+  wizard: { back: "Terug", next: "Volgende", finish: "Voltooien" },
+  a11y: { zoomIn: "Ingrandisci", zoomOut: "Riduci", rotate: "Ruota", collapseStart: "Comprimi pannello iniziale", collapseEnd: "Comprimi pannello finale", bulkActions: "Azioni multiple", clearSelection: "Cancella selezione", back: "Indietro" },
+  richEditor: { placeholder: "Scrivi qualcosa\u2026", editorLabel: "Editor di testo formattato" },
+  copy: { label: "Copia" },
+  emojiPicker: { searchPlaceholder: "Cerca emoji", emptyText: "Nessun emoji trovato", addReaction: "Aggiungi reazione" },
+  sidebar: { searchPlaceholder: "Cerca", primary: "Navigazione principale" },
+  imageViewer: { reset: "Reimposta", download: "Scarica" }
 };
 var nlNL = {
   locale: "nl-NL",
@@ -1331,13 +1451,15 @@ var nlNL = {
   },
   timePicker: { am: "AM", pm: "PM" },
   pagination: { previous: "Vorige", next: "Volgende" },
-  modal: { close: "Sluiten" },
+  modal: { close: "Sluiten", maximize: "maximaliseren", restore: "Herstellen" },
+  select: { placeholder: "Selecteren" },
+  counterInput: { decrease: "Verlagen", increase: "Verhogen" },
   drawer: { close: "Sluiten" },
   alert: { dismiss: "Sluiten" },
   banner: { dismiss: "Sluiten" },
   toast: { dismiss: "Sluiten" },
   fileUpload: { clickToUpload: "Klik om te uploaden", orDragAndDrop: "of sleep hierheen" },
-  imageUpload: { label: "Afbeelding uploaden", remove: "Verwijderen" },
+  imageUpload: { label: "Afbeelding uploaden", remove: "Verwijderen", hint: "PNG of JPG, max. 5 MB" },
   passwordStrength: { weak: "Zwak", fair: "Redelijk", good: "Goed", strong: "Sterk" },
   commandMenu: {
     placeholder: "Typ een opdracht of zoek\u2026",
@@ -1400,8 +1522,17 @@ var nlNL = {
     previous: "Vorige",
     next: "Volgende",
     pageRange: "{from}\u2013{to} van {total}",
-    perPage: "{size} / pagina"
-  }
+    perPage: "{size} / pagina",
+    selectRow: "Rij selecteren",
+    selectAll: "Alles selecteren"
+  },
+  wizard: { back: "Wstecz", next: "Dalej", finish: "Zako\u0144cz" },
+  a11y: { zoomIn: "Inzoomen", zoomOut: "Uitzoomen", rotate: "Roteren", collapseStart: "Startpaneel samenvouwen", collapseEnd: "Eindpaneel samenvouwen", bulkActions: "Bulkacties", clearSelection: "Selectie wissen", back: "Terug" },
+  richEditor: { placeholder: "Schrijf iets\u2026", editorLabel: "Rich text-editor" },
+  copy: { label: "Kopi\xEBren" },
+  emojiPicker: { searchPlaceholder: "Emoji zoeken", emptyText: "Geen emoji gevonden", addReaction: "Reactie toevoegen" },
+  sidebar: { searchPlaceholder: "Zoeken", primary: "Hoofdnavigatie" },
+  imageViewer: { reset: "Herstellen", download: "Downloaden" }
 };
 var plPL = {
   locale: "pl-PL",
@@ -1425,13 +1556,15 @@ var plPL = {
   },
   timePicker: { am: "AM", pm: "PM" },
   pagination: { previous: "Poprzednia", next: "Nast\u0119pna" },
-  modal: { close: "Zamknij" },
+  modal: { close: "Zamknij", maximize: "Maksymalizuj", restore: "Przywr\xF3\u0107" },
+  select: { placeholder: "Wybierz" },
+  counterInput: { decrease: "Zmniejsz", increase: "Zwi\u0119ksz" },
   drawer: { close: "Zamknij" },
   alert: { dismiss: "Zamknij" },
   banner: { dismiss: "Zamknij" },
   toast: { dismiss: "Zamknij" },
   fileUpload: { clickToUpload: "Kliknij, aby przes\u0142a\u0107", orDragAndDrop: "lub przeci\u0105gnij i upu\u015B\u0107" },
-  imageUpload: { label: "Prze\u015Blij obraz", remove: "Usu\u0144" },
+  imageUpload: { label: "Prze\u015Blij obraz", remove: "Usu\u0144", hint: "PNG lub JPG, do 5 MB" },
   passwordStrength: { weak: "S\u0142abe", fair: "\u015Arednie", good: "Dobre", strong: "Silne" },
   commandMenu: {
     placeholder: "Wpisz polecenie lub szukaj\u2026",
@@ -1494,8 +1627,17 @@ var plPL = {
     previous: "Poprzednia",
     next: "Nast\u0119pna",
     pageRange: "{from}\u2013{to} z {total}",
-    perPage: "{size} / strona"
-  }
+    perPage: "{size} / strona",
+    selectRow: "Zaznacz wiersz",
+    selectAll: "Zaznacz wszystko"
+  },
+  wizard: { back: "Geri", next: "\u0130leri", finish: "Bitir" },
+  a11y: { zoomIn: "Powi\u0119ksz", zoomOut: "Pomniejsz", rotate: "Obr\xF3\u0107", collapseStart: "Zwi\u0144 panel pocz\u0105tkowy", collapseEnd: "Zwi\u0144 panel ko\u0144cowy", bulkActions: "Akcje zbiorcze", clearSelection: "Wyczy\u015B\u0107 zaznaczenie", back: "Wstecz" },
+  richEditor: { placeholder: "Wpisz co\u015B\u2026", editorLabel: "Edytor tekstu sformatowanego" },
+  copy: { label: "Kopiuj" },
+  emojiPicker: { searchPlaceholder: "Szukaj emoji", emptyText: "Nie znaleziono emoji", addReaction: "Dodaj reakcj\u0119" },
+  sidebar: { searchPlaceholder: "Szukaj", primary: "Nawigacja g\u0142\xF3wna" },
+  imageViewer: { reset: "Resetuj", download: "Pobierz" }
 };
 var trTR = {
   locale: "tr-TR",
@@ -1519,13 +1661,15 @@ var trTR = {
   },
   timePicker: { am: "\xD6\xD6", pm: "\xD6S" },
   pagination: { previous: "\xD6nceki", next: "Sonraki" },
-  modal: { close: "Kapat" },
+  modal: { close: "Kapat", maximize: "Ekran\u0131 kapla", restore: "Geri y\xFCkle" },
+  select: { placeholder: "Se\xE7" },
+  counterInput: { decrease: "Azalt", increase: "Art\u0131r" },
   drawer: { close: "Kapat" },
   alert: { dismiss: "Kapat" },
   banner: { dismiss: "Kapat" },
   toast: { dismiss: "Kapat" },
   fileUpload: { clickToUpload: "Y\xFCklemek i\xE7in t\u0131klay\u0131n", orDragAndDrop: "veya s\xFCr\xFCkleyip b\u0131rak\u0131n" },
-  imageUpload: { label: "G\xF6rsel y\xFCkle", remove: "Kald\u0131r" },
+  imageUpload: { label: "G\xF6rsel y\xFCkle", remove: "Kald\u0131r", hint: "PNG veya JPG, en fazla 5 MB" },
   passwordStrength: { weak: "Zay\u0131f", fair: "Orta", good: "\u0130yi", strong: "G\xFC\xE7l\xFC" },
   commandMenu: {
     placeholder: "Bir komut yaz\u0131n veya aray\u0131n\u2026",
@@ -1588,8 +1732,17 @@ var trTR = {
     previous: "\xD6nceki",
     next: "Sonraki",
     pageRange: "{total} \xF6\u011Feden {from}\u2013{to}",
-    perPage: "{size} / sayfa"
-  }
+    perPage: "{size} / sayfa",
+    selectRow: "Sat\u0131r\u0131 se\xE7",
+    selectAll: "T\xFCm\xFCn\xFC se\xE7"
+  },
+  wizard: { back: "Quay l\u1EA1i", next: "Ti\u1EBFp theo", finish: "Ho\xE0n t\u1EA5t" },
+  a11y: { zoomIn: "Yak\u0131nla\u015Ft\u0131r", zoomOut: "Uzakla\u015Ft\u0131r", rotate: "D\xF6nd\xFCr", collapseStart: "Ba\u015Flang\u0131\xE7 panelini daralt", collapseEnd: "Biti\u015F panelini daralt", bulkActions: "Toplu i\u015Flemler", clearSelection: "Se\xE7imi temizle", back: "Geri" },
+  richEditor: { placeholder: "Bir \u015Feyler yaz\u0131n\u2026", editorLabel: "Zengin metin d\xFCzenleyici" },
+  copy: { label: "Kopyala" },
+  emojiPicker: { searchPlaceholder: "Emoji ara", emptyText: "Emoji bulunamad\u0131", addReaction: "Tepki ekle" },
+  sidebar: { searchPlaceholder: "Ara", primary: "Ana gezinme" },
+  imageViewer: { reset: "S\u0131f\u0131rla", download: "\u0130ndir" }
 };
 var viVN = {
   locale: "vi-VN",
@@ -1613,13 +1766,15 @@ var viVN = {
   },
   timePicker: { am: "SA", pm: "CH" },
   pagination: { previous: "Tr\u01B0\u1EDBc", next: "Sau" },
-  modal: { close: "\u0110\xF3ng" },
+  modal: { close: "\u0110\xF3ng", maximize: "Ph\xF3ng to", restore: "Kh\xF4i ph\u1EE5c" },
+  select: { placeholder: "Ch\u1ECDn" },
+  counterInput: { decrease: "Gi\u1EA3m", increase: "T\u0103ng" },
   drawer: { close: "\u0110\xF3ng" },
   alert: { dismiss: "\u0110\xF3ng" },
   banner: { dismiss: "\u0110\xF3ng" },
   toast: { dismiss: "\u0110\xF3ng" },
   fileUpload: { clickToUpload: "Nh\u1EA5p \u0111\u1EC3 t\u1EA3i l\xEAn", orDragAndDrop: "ho\u1EB7c k\xE9o v\xE0 th\u1EA3" },
-  imageUpload: { label: "T\u1EA3i \u1EA3nh l\xEAn", remove: "X\xF3a" },
+  imageUpload: { label: "T\u1EA3i \u1EA3nh l\xEAn", remove: "X\xF3a", hint: "PNG ho\u1EB7c JPG, t\u1ED1i \u0111a 5MB" },
   passwordStrength: { weak: "Y\u1EBFu", fair: "Trung b\xECnh", good: "T\u1ED1t", strong: "M\u1EA1nh" },
   commandMenu: {
     placeholder: "Nh\u1EADp l\u1EC7nh ho\u1EB7c t\xECm ki\u1EBFm\u2026",
@@ -1682,8 +1837,17 @@ var viVN = {
     previous: "Tr\u01B0\u1EDBc",
     next: "Sau",
     pageRange: "{from}\u2013{to} trong {total}",
-    perPage: "{size} / trang"
-  }
+    perPage: "{size} / trang",
+    selectRow: "Ch\u1ECDn h\xE0ng",
+    selectAll: "Ch\u1ECDn t\u1EA5t c\u1EA3"
+  },
+  wizard: { back: "Kembali", next: "Berikutnya", finish: "Selesai" },
+  a11y: { zoomIn: "Ph\xF3ng to", zoomOut: "Thu nh\u1ECF", rotate: "Xoay", collapseStart: "Thu g\u1ECDn b\u1EA3ng \u0111\u1EA7u", collapseEnd: "Thu g\u1ECDn b\u1EA3ng cu\u1ED1i", bulkActions: "Thao t\xE1c h\xE0ng lo\u1EA1t", clearSelection: "B\u1ECF ch\u1ECDn", back: "Quay l\u1EA1i" },
+  richEditor: { placeholder: "Vi\u1EBFt n\u1ED9i dung\u2026", editorLabel: "Tr\xECnh so\u1EA1n th\u1EA3o v\u0103n b\u1EA3n" },
+  copy: { label: "Sao ch\xE9p" },
+  emojiPicker: { searchPlaceholder: "T\xECm emoji", emptyText: "Kh\xF4ng t\xECm th\u1EA5y emoji", addReaction: "Th\xEAm c\u1EA3m x\xFAc" },
+  sidebar: { searchPlaceholder: "T\xECm ki\u1EBFm", primary: "\u0110i\u1EC1u h\u01B0\u1EDBng ch\xEDnh" },
+  imageViewer: { reset: "\u0110\u1EB7t l\u1EA1i", download: "T\u1EA3i xu\u1ED1ng" }
 };
 var idID = {
   locale: "id-ID",
@@ -1707,13 +1871,15 @@ var idID = {
   },
   timePicker: { am: "AM", pm: "PM" },
   pagination: { previous: "Sebelumnya", next: "Berikutnya" },
-  modal: { close: "Tutup" },
+  modal: { close: "Tutup", maximize: "Maksimalkan", restore: "Pulihkan" },
+  select: { placeholder: "Pilih" },
+  counterInput: { decrease: "Kurangi", increase: "Tambah" },
   drawer: { close: "Tutup" },
   alert: { dismiss: "Tutup" },
   banner: { dismiss: "Tutup" },
   toast: { dismiss: "Tutup" },
   fileUpload: { clickToUpload: "Klik untuk mengunggah", orDragAndDrop: "atau seret dan lepas" },
-  imageUpload: { label: "Unggah gambar", remove: "Hapus" },
+  imageUpload: { label: "Unggah gambar", remove: "Hapus", hint: "PNG atau JPG, maks. 5 MB" },
   passwordStrength: { weak: "Lemah", fair: "Cukup", good: "Baik", strong: "Kuat" },
   commandMenu: {
     placeholder: "Ketik perintah atau cari\u2026",
@@ -1776,8 +1942,17 @@ var idID = {
     previous: "Sebelumnya",
     next: "Berikutnya",
     pageRange: "{from}\u2013{to} dari {total}",
-    perPage: "{size} / halaman"
-  }
+    perPage: "{size} / halaman",
+    selectRow: "Pilih baris",
+    selectAll: "Pilih semua"
+  },
+  wizard: { back: "Kembali", next: "Berikutnya", finish: "Selesai" },
+  a11y: { zoomIn: "Perbesar", zoomOut: "Perkecil", rotate: "Putar", collapseStart: "Ciutkan panel awal", collapseEnd: "Ciutkan panel akhir", bulkActions: "Tindakan massal", clearSelection: "Hapus pilihan", back: "Kembali" },
+  richEditor: { placeholder: "Tulis sesuatu\u2026", editorLabel: "Editor teks kaya" },
+  copy: { label: "Salin" },
+  emojiPicker: { searchPlaceholder: "Cari emoji", emptyText: "Emoji tidak ditemukan", addReaction: "Tambahkan reaksi" },
+  sidebar: { searchPlaceholder: "Cari", primary: "Navigasi utama" },
+  imageViewer: { reset: "Setel ulang", download: "Unduh" }
 };
 var locales = {
   enUS,
@@ -1798,6 +1973,275 @@ var locales = {
   viVN,
   idID
 };
+
+// src/components/config/size.ts
+var SIZE_CONTRACTS = {
+  /* ── 控件族：跟随全局档位，且自有档位 = 规范档位 ── */
+  Button: {
+    scale: ["tiny", "xsmall", "small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" },
+    tiers: { xsmall: "xsmall", small: "small", medium: "medium", large: "large" },
+    // 同一个文件里还有 fancy / compact / link 三种按钮刻度（KDS §2.4 的显式附属动作）
+    extraScales: [
+      ["small", "medium", "large"],
+      ["small", "medium"]
+    ]
+  },
+  ButtonGroup: {
+    scale: ["small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  Input: {
+    scale: ["xsmall", "small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" },
+    tiers: { xsmall: "xsmall", small: "small", medium: "medium", large: "large" }
+  },
+  Select: {
+    scale: ["xsmall", "small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" },
+    tiers: { xsmall: "xsmall", small: "small", medium: "medium", large: "large" }
+  },
+  Textarea: {
+    scale: ["xsmall", "small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  AutoComplete: {
+    scale: ["small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  Cascader: {
+    scale: ["small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  SelectMenu: {
+    scale: ["small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  CounterInput: {
+    scale: ["small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  DigitInput: {
+    scale: ["small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  CronEditor: {
+    scale: ["small", "medium"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "medium" }
+  },
+  Checkbox: {
+    scale: ["small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  Radio: {
+    scale: ["small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  Switch: {
+    scale: ["small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  Slider: {
+    scale: ["small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  RangeSlider: {
+    scale: ["sm", "md", "lg"],
+    fallback: "md",
+    fromGlobal: { small: "sm", medium: "md", large: "lg" },
+    tiers: { small: "sm", medium: "md", large: "lg" }
+  },
+  ColorSlider: {
+    scale: ["small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  HorizontalFilter: {
+    scale: ["small", "medium"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "medium" }
+  },
+  CompactSelect: {
+    scale: ["xsmall", "small", "medium"],
+    fallback: "small",
+    fromGlobal: { small: "small", medium: "medium", large: "medium" }
+  },
+  CompactSelectForInput: {
+    scale: ["small", "medium", "large"],
+    fallback: "small",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  ColorDot: {
+    scale: ["sm", "md", "lg"],
+    fallback: "md",
+    fromGlobal: { small: "sm", medium: "md", large: "lg" },
+    tiers: { small: "sm", medium: "md", large: "lg" }
+  },
+  /* ── 信息/展示族：跟随全局档位，但档位刻意比控件少 ── */
+  Badge: {
+    scale: ["small", "medium"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "medium" },
+    tiers: { xsmall: "small", small: "small", medium: "medium", large: "medium" }
+  },
+  StatusBadge: {
+    scale: ["small", "medium"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "medium" }
+  },
+  ChartLegend: {
+    scale: ["sm", "md"],
+    fallback: "md",
+    fromGlobal: { small: "sm", medium: "md", large: "md" }
+  },
+  ContentLabel: {
+    scale: ["sm", "md"],
+    fallback: "md",
+    fromGlobal: { small: "sm", medium: "md", large: "md" }
+  },
+  GaugeBar: {
+    scale: ["sm", "md", "lg"],
+    fallback: "md",
+    fromGlobal: { small: "sm", medium: "md", large: "lg" }
+  },
+  KeyIcon: {
+    scale: ["xs", "sm", "md", "lg", "xl"],
+    fallback: "md",
+    fromGlobal: { small: "sm", medium: "md", large: "lg" }
+  },
+  Money: {
+    scale: ["sm", "md", "lg", "big"],
+    fallback: "md",
+    fromGlobal: { small: "sm", medium: "md", large: "lg" }
+  },
+  StatusDot: {
+    scale: ["xs", "sm", "md", "lg"],
+    fallback: "sm",
+    fromGlobal: { small: "sm", medium: "md", large: "lg" }
+  },
+  Item: {
+    scale: ["default", "small", "xsmall"],
+    fallback: "default",
+    fromGlobal: { small: "small", medium: "default", large: "default" }
+  },
+  Toggle: {
+    scale: ["small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  CopyButton: {
+    scale: ["sm", "md", "lg"],
+    fallback: "md",
+    fromGlobal: { small: "sm", medium: "md", large: "lg" }
+  },
+  CheckboxGroup: {
+    scale: ["small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" },
+    inherits: "Checkbox"
+  },
+  Statistic: {
+    scale: ["small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  Descriptions: {
+    scale: ["small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  List: {
+    scale: ["small", "medium", "large"],
+    fallback: "medium",
+    fromGlobal: { small: "small", medium: "medium", large: "large" }
+  },
+  /* ── 组件自有刻度：不跟随全局档位，理由必须写清 ── */
+  Avatar: {
+    scale: ["20", "24", "32", "40", "48", "56", "64", "72", "80"],
+    fallback: "40",
+    exempt: "\u5C3A\u5BF8\u5373\u50CF\u7D20\u523B\u5EA6\uFF08\u540C MUI/Ant \u7684 Avatar size:number \u53E3\u5F84\uFF09\uFF0C9 \u6863\u8986\u76D6\u5934\u50CF\u5806\u53E0\u7684\u5168\u90E8\u7528\u6CD5\uFF1B\u63A5\u5168\u5C40\u6863\u4F4D\u4F1A\u628A 40px \u5934\u50CF\u5728\u4E24\u6863\u4E4B\u95F4\u8DF3\u53D8\uFF0C\u5C5E\u7834\u574F\u6027\u89C6\u89C9\u53D8\u66F4\uFF0C\u987B\u5355\u72EC\u51B3\u8BAE\u3002"
+  },
+  ActorAvatar: {
+    scale: ["20", "24", "32", "40", "56"],
+    fallback: "24",
+    exempt: "\u540C Avatar\uFF1A\u50CF\u7D20\u523B\u5EA6\uFF0C\u4E0D\u662F\u63A7\u4EF6\u6863\u4F4D\u3002"
+  },
+  AvatarGroup: {
+    scale: ["24", "32", "40", "48"],
+    fallback: "40",
+    exempt: "\u540C Avatar\uFF1A\u50CF\u7D20\u523B\u5EA6\uFF08\u51B3\u5B9A\u53E0\u52A0\u5934\u50CF\u4E0E +N \u5FBD\u6807\u7684\u76F4\u5F84\uFF09\u3002"
+  },
+  Space: {
+    scale: ["none", "xs", "sm", "md", "lg", "xl", "2xl"],
+    fallback: "md",
+    exempt: "\u8FD9\u662F**\u95F4\u8DDD\u523B\u5EA6**\uFF08gap\uFF09\uFF0C\u4E0D\u662F\u63A7\u4EF6\u5C3A\u5BF8\uFF1BKDS \xA71.4 \u7684\u7A7A\u95F4\u9636\u4E0E\u63A7\u4EF6\u6863\u4F4D\u662F\u4E24\u6761\u8F74\u3002"
+  },
+  InputGroup: {
+    scale: ["xsmall", "icon-xsmall", "icon-small"],
+    fallback: "xsmall",
+    exempt: "\u8BE5 size \u63CF\u8FF0\u7684\u662F\u7EC4\u5185\u5D4C\u6309\u94AE\u7684\u53D8\u4F53\uFF08\u542B icon-* \u5F62\u6001\uFF09\uFF0C\u4E0D\u662F\u63A7\u4EF6\u9AD8\u5EA6\u6863\u4F4D\u3002"
+  },
+  Drawer: {
+    scale: ["default", "large"],
+    fallback: "default",
+    exempt: "\u5BBD\u5EA6\u6863\u4F4D\uFF08480/640/800 \u53E3\u5F84\uFF09\uFF0C\u4E0D\u662F\u63A7\u4EF6\u5C3A\u5BF8\uFF1B\u6D6E\u5C42\u5BBD\u5EA6\u7531\u4EFB\u52A1\u51B3\u5B9A\uFF0C\u4E0D\u968F\u5168\u5C40 size \u6F02\u79FB\u3002"
+  },
+  CircularProgress: {
+    scale: ["number"],
+    fallback: "number",
+    exempt: "\u6570\u503C\u76F4\u5F84\uFF08px\uFF09\uFF0C\u7531\u8C03\u7528\u65B9\u6309\u5BB9\u5668\u7ED9\u5B9A\u3002"
+  },
+  ImageUpload: {
+    scale: ["number"],
+    fallback: "number",
+    exempt: "\u6570\u503C\u8FB9\u957F\uFF08px\uFF09\uFF0C\u7531\u8C03\u7528\u65B9\u6309\u5BB9\u5668\u7ED9\u5B9A\u3002"
+  },
+  Rating: {
+    scale: ["number"],
+    fallback: "number",
+    exempt: "\u6570\u503C\u661F\u6807\u5B57\u53F7\uFF08px\uFF09\u3002"
+  },
+  Spinner: {
+    scale: ["number"],
+    fallback: "number",
+    exempt: "\u6570\u503C\u76F4\u5F84\uFF08px\uFF09\uFF1B\u547D\u540D\u6863\u4F4D\u89C1 SpinnerSize\uFF0C\u7531\u8C03\u7528\u65B9\u6309\u5BB9\u5668\u9009\u5B9A\u3002"
+  },
+  Splitter: {
+    scale: ["number"],
+    fallback: "number",
+    exempt: "\u5206\u5272\u6761\u539A\u5EA6/\u5C3A\u5BF8\uFF0C\u63A5\u53D7\u6570\u503C\u6216 CSS \u957F\u5EA6\uFF0C\u5C5E\u5E03\u5C40\u91CF\u800C\u975E\u63A7\u4EF6\u6863\u4F4D\u3002"
+  }
+};
+function resolveSize(name, explicit, global) {
+  const contract = SIZE_CONTRACTS[name];
+  if (explicit !== void 0) return explicit;
+  if (global && contract.fromGlobal) {
+    const mapped = contract.fromGlobal[global];
+    if (mapped !== void 0) return mapped;
+  }
+  return contract.fallback;
+}
+function tierOf(name, tier) {
+  const contract = SIZE_CONTRACTS[name];
+  if (contract.tiers?.[tier]) return contract.tiers[tier];
+  const entry = Object.entries(contract.fromGlobal ?? {}).find(([g]) => g === tier);
+  return entry ? entry[1] : void 0;
+}
 var DEFAULT_CONFIG = {
   locale: enUS,
   size: void 0,
@@ -1873,6 +2317,7 @@ function ConfigProvider({
     {
       className: "klun-config",
       dir: value.dir,
+      lang: (value.locale ?? enUS).locale,
       "data-theme": value.theme,
       "data-mode": value.accent,
       "data-radius": value.radius && value.radius !== "default" ? value.radius : void 0,
@@ -1899,6 +2344,41 @@ function useMappedSize(explicit, map, fallback) {
   if (size !== void 0) return map[size];
   return fallback;
 }
+function useScaleSize(name, explicit) {
+  const { size } = useContext(ConfigContext);
+  return resolveSize(name, explicit, size);
+}
+function domDensity() {
+  if (typeof document === "undefined") return void 0;
+  const v = document.documentElement.dataset.density;
+  return v === "compact" || v === "default" || v === "kk" ? v : void 0;
+}
+var densityObserver = null;
+var densityListeners = /* @__PURE__ */ new Set();
+function subscribeDensity(cb) {
+  densityListeners.add(cb);
+  if (!densityObserver && typeof MutationObserver !== "undefined" && typeof document !== "undefined") {
+    densityObserver = new MutationObserver(() => {
+      for (const l of densityListeners) l();
+    });
+    densityObserver.observe(document.documentElement, {
+      attributes: true,
+      attributeFilter: ["data-density"]
+    });
+  }
+  return () => {
+    densityListeners.delete(cb);
+    if (!densityListeners.size && densityObserver) {
+      densityObserver.disconnect();
+      densityObserver = null;
+    }
+  };
+}
+function useDensity() {
+  const { density } = useContext(ConfigContext);
+  const dom = useSyncExternalStore(subscribeDensity, domDensity, () => void 0);
+  return density ?? dom ?? "default";
+}
 var COMPACT_SIZE_MAP = { small: "small", medium: "medium", large: "medium" };
 function Spinner({ className, size }) {
   return /* @__PURE__ */ jsxs(
@@ -1953,15 +2433,14 @@ var Button = forwardRef(function Button2(props, ref) {
       size: _s2,
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       loading: _l2,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      type: _t,
+      type: type2 = "button",
       ...rest2
     } = props;
     return /* @__PURE__ */ jsxs(
       "button",
       {
         ref,
-        type: "button",
+        type: type2,
         disabled: disabled2 || loading,
         "aria-busy": loading || void 0,
         className: cx(
@@ -2018,7 +2497,7 @@ var Button = forwardRef(function Button2(props, ref) {
         ...rest2,
         children: [
           loading ? /* @__PURE__ */ jsx("span", { className: "klun-compact-button__icon", children: /* @__PURE__ */ jsx(Spinner, { className: "klun-compact-button__spinner" }) }) : icon2 ? /* @__PURE__ */ jsx("span", { className: "klun-compact-button__icon", children: icon2 }) : null,
-          loading ? null : children2
+          loading ? children2 != null ? /* @__PURE__ */ jsx("span", { className: "klun-compact-button__label-sr", children: children2 }) : null : children2
         ]
       }
     );
@@ -2196,15 +2675,18 @@ var CopyButton = forwardRef(
     value,
     children,
     onCopied,
-    size = "md",
+    size: sizeProp,
     variant = "ghost",
     copyIcon = "ri-file-copy-line",
     doneIcon = "ri-check-line",
-    title = "Copy",
+    title: titleProp,
     onClick,
     className,
     ...props
   }, ref) {
+    const size = useScaleSize("CopyButton", sizeProp);
+    const { copy: localeCopy } = useLocale();
+    const title = titleProp ?? localeCopy.label;
     const [done, setDone] = useState(false);
     const timer = useRef(null);
     useEffect(() => () => clearTimeout(timer.current ?? void 0), []);
@@ -2245,7 +2727,7 @@ var CopyButton = forwardRef(
 CopyButton.displayName = "CopyButton";
 var Toggle = forwardRef(function Toggle2({
   variant = "default",
-  size = "medium",
+  size: sizeProp,
   pressed,
   defaultPressed = false,
   onPressedChange,
@@ -2254,6 +2736,7 @@ var Toggle = forwardRef(function Toggle2({
   disabled,
   ...props
 }, ref) {
+  const size = useScaleSize("Toggle", sizeProp);
   const [internal, setInternal] = useState(defaultPressed);
   const controlled = pressed !== void 0;
   const isPressed = controlled ? pressed : internal;
@@ -2547,7 +3030,8 @@ var AvatarGroup = forwardRef(function AvatarGroup2({ avatars = [], size = "40",
   );
 });
 AvatarGroup.displayName = "AvatarGroup";
-var Badge = forwardRef(function Badge2({ color = "gray", variant = "lighter", size = "medium", leadingIcon, dot = false, className, children, ...props }, ref) {
+var Badge = forwardRef(function Badge2({ color = "gray", variant = "lighter", size: sizeProp, leadingIcon, dot = false, className, children, ...props }, ref) {
+  const size = useScaleSize("Badge", sizeProp);
   return /* @__PURE__ */ jsxs(
     "span",
     {
@@ -2581,6 +3065,7 @@ var BulkActionBar = forwardRef(
     className,
     ...props
   }, ref) {
+    const { a11y } = useLocale();
     const visible = open != null ? open : count > 0;
     const [mounted, setMounted] = useState(visible);
     const [show, setShow] = useState(visible);
@@ -2601,7 +3086,7 @@ var BulkActionBar = forwardRef(
       {
         ref,
         role: "toolbar",
-        "aria-label": "Bulk actions",
+        "aria-label": a11y.bulkActions,
         "data-show": show ? "" : void 0,
         className: cx(
           "klun-bulk-action-bar",
@@ -2622,8 +3107,8 @@ var BulkActionBar = forwardRef(
             {
               type: "button",
               onClick: onClear,
-              "aria-label": "Clear selection",
-              title: "Clear selection",
+              "aria-label": a11y.clearSelection,
+              title: a11y.clearSelection,
               className: "klun-bulk-action-bar__clear",
               children: /* @__PURE__ */ jsx("i", { className: "ri-close-line", "aria-hidden": true })
             }
@@ -2667,6 +3152,16 @@ var Carousel = forwardRef(function Carousel2({
   const { carousel } = useLocale();
   const slides = Children.toArray(children);
   const count = slides.length;
+  const rootRef = useRef(null);
+  const hadFocusInside = useRef(false);
+  const attachRootRef = useCallback(
+    (el) => {
+      rootRef.current = el;
+      if (typeof ref === "function") ref(el);
+      else if (ref) ref.current = el;
+    },
+    [ref]
+  );
   const [inner, setInner] = useState(defaultIndex);
   const cur = index !== void 0 ? index : inner;
   const [hover, setHover] = useState(false);
@@ -2685,6 +3180,12 @@ var Carousel = forwardRef(function Carousel2({
     const id = setInterval(() => go(cur + 1), interval);
     return () => clearInterval(id);
   }, [autoplay, hover, cur, interval, count, go]);
+  useEffect(() => {
+    const root = rootRef.current;
+    if (!root || !hadFocusInside.current) return;
+    const active = document.activeElement;
+    if (active && !root.contains(active)) root.focus();
+  }, [cur]);
   const arrowBtn = (dir) => /* @__PURE__ */ jsx(
     "button",
     {
@@ -2698,11 +3199,20 @@ var Carousel = forwardRef(function Carousel2({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      ref,
+      ref: attachRootRef,
       onMouseEnter: () => setHover(true),
       onMouseLeave: () => setHover(false),
+      onFocus: () => {
+        hadFocusInside.current = true;
+      },
+      onBlur: (e) => {
+        if (e.relatedTarget) {
+          hadFocusInside.current = rootRef.current?.contains(e.relatedTarget) ?? false;
+        }
+      },
       className: cx("klun-carousel", className),
       style: { height, ...style },
+      tabIndex: -1,
       ...props,
       children: [
         /* @__PURE__ */ jsx(
@@ -2710,7 +3220,20 @@ var Carousel = forwardRef(function Carousel2({
           {
             className: "klun-carousel__track",
             style: { transform: `translateX(-${cur * 100}%)` },
-            children: slides.map((s, i) => /* @__PURE__ */ jsx("div", { className: "klun-carousel__slide", children: s }, i))
+            children: slides.map((s, i) => {
+              const active = i === cur;
+              return /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "klun-carousel__slide",
+                  "data-active": active || void 0,
+                  ...!active ? { inert: "" } : {},
+                  "aria-hidden": !active || void 0,
+                  children: s
+                },
+                i
+              );
+            })
           }
         ),
         arrows && count > 1 ? /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -2733,7 +3256,8 @@ var Carousel = forwardRef(function Carousel2({
   );
 });
 Carousel.displayName = "Carousel";
-var ChartLegend = forwardRef(function ChartLegend2({ items: items2 = [], direction = "row", dot = "round", size = "md", className, ...props }, ref) {
+var ChartLegend = forwardRef(function ChartLegend2({ items: items2 = [], direction = "row", dot = "round", size: sizeProp, className, ...props }, ref) {
+  const size = useScaleSize("ChartLegend", sizeProp);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -2946,7 +3470,8 @@ var LogViewer = forwardRef(function LogViewer2({
   );
 });
 LogViewer.displayName = "LogViewer";
-var ContentLabel = forwardRef(function ContentLabel2({ children, icon, color = "gray", size = "md", className, ...props }, ref) {
+var ContentLabel = forwardRef(function ContentLabel2({ children, icon, color = "gray", size: sizeProp, className, ...props }, ref) {
+  const size = useScaleSize("ContentLabel", sizeProp);
   return /* @__PURE__ */ jsxs(
     "span",
     {
@@ -3069,11 +3594,12 @@ function StatusBadge({
   map,
   dot = true,
   variant = "light",
-  size = "medium",
+  size: sizeProp,
   pulse = false,
   className,
   ...props
 }) {
+  const size = useScaleSize("StatusBadge", sizeProp);
   const k2 = keyOf(status);
   const resolvedTone = tone || map && map[k2] || STATUS_TONE[k2] || "neutral";
   const color = TONE_COLOR[resolvedTone] || "gray";
@@ -3109,7 +3635,9 @@ function useTick(ms) {
     return () => clearInterval(id);
   }, [ms]);
 }
-var RelativeTime = forwardRef(function RelativeTime2({ date, locale, live = true, every = 6e4, absolute, className, ...props }, ref) {
+var RelativeTime = forwardRef(function RelativeTime2({ date, locale: localeProp, live = true, every = 6e4, absolute, className, ...props }, ref) {
+  const { locale: ctxLocaleName } = useLocale();
+  const locale = localeProp ?? ctxLocaleName;
   useTick(live ? every : 0);
   const rel = Format.relTime(date, { locale });
   const title = Format.absTime(date, { locale });
@@ -3640,7 +4168,8 @@ var ItemGroup = forwardRef(
   }
 );
 ItemGroup.displayName = "ItemGroup";
-var Item = forwardRef(function Item2({ variant = "default", size = "default", className, ...props }, ref) {
+var Item = forwardRef(function Item2({ variant = "default", size: sizeProp, className, ...props }, ref) {
+  const size = useScaleSize("Item", sizeProp);
   return /* @__PURE__ */ jsx(
     "div",
     {
@@ -3889,7 +4418,7 @@ function KanbanCardView({
         dropAfter && "klun-kanban__card--dropafter"
       ),
       style: {
-        transform: CSS.Transform.toString(transform),
+        transform: CSS$1.Transform.toString(transform),
         transition,
         ...card.accent ? { boxShadow: `inset 3px 0 0 ${card.accent}` } : null
       },
@@ -3906,7 +4435,8 @@ var Kbd = forwardRef(function Kbd2({ className, children, ...props }, ref) {
   return /* @__PURE__ */ jsx("kbd", { ref, className: cx("klun-kbd", className), ...props, children });
 });
 Kbd.displayName = "Kbd";
-var KeyIcon = forwardRef(function KeyIcon2({ icon, color = "blue", appearance = "light", size = "md", css, className, style, ...props }, ref) {
+var KeyIcon = forwardRef(function KeyIcon2({ icon, color = "blue", appearance = "light", size: sizeProp, css, className, style, ...props }, ref) {
+  const size = useScaleSize("KeyIcon", sizeProp);
   return /* @__PURE__ */ jsx(
     "span",
     {
@@ -4323,20 +4853,23 @@ var Money = forwardRef(function Money2({
   value,
   cents = false,
   currency = "USD",
-  locale,
+  locale: localeProp,
   period,
   periodLabels,
   minimumFractionDigits,
   maximumFractionDigits,
   signDisplay,
   tone = "default",
-  size = "md",
+  size: sizeProp,
   strikethrough = false,
   prefix,
   suffix,
   className,
   ...props
 }, ref) {
+  const size = useScaleSize("Money", sizeProp);
+  const { locale: ctxLocaleName } = useLocale();
+  const locale = localeProp ?? ctxLocaleName;
   const { text, period: periodSuffix } = Format.money(value, {
     currency,
     cents,
@@ -4384,7 +4917,9 @@ function Digit({ value }) {
   ) });
 }
 var NumberFlow = forwardRef(
-  function NumberFlow2({ value, locales: locales2, format, prefix, suffix, label, className, ...props }, ref) {
+  function NumberFlow2({ value, locales: localesProp, format, prefix, suffix, label, className, ...props }, ref) {
+    const { locale: ctxLocaleName } = useLocale();
+    const locales2 = localesProp ?? ctxLocaleName;
     const text = new Intl.NumberFormat(locales2, {
       minimumFractionDigits: format?.minimumFractionDigits,
       maximumFractionDigits: format?.maximumFractionDigits,
@@ -4519,14 +5054,66 @@ var Rating = forwardRef(function Rating2({ value = 0, max = 5, onChange, readOnl
   )) });
 });
 Rating.displayName = "Rating";
-var Popover = forwardRef(function Popover2({ trigger, children, align = "left", width = 280, className, ...props }, ref) {
-  const [open, setOpen] = useState(false);
+var FOCUSABLE = [
+  "a[href]",
+  "button:not([disabled])",
+  "input:not([disabled]):not([type='hidden'])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "[tabindex]:not([tabindex='-1'])"
+].join(",");
+var ACTIVATABLE = [
+  "button",
+  "a[href]",
+  "input[type='button']",
+  "input[type='submit']",
+  "input[type='reset']",
+  "input[type='checkbox']",
+  "input[type='radio']",
+  "summary",
+  "[role='button']",
+  "[role='link']"
+].join(",");
+var Popover = forwardRef(function Popover2({
+  trigger,
+  children,
+  align = "start",
+  width = 280,
+  className,
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  panelId,
+  ...props
+}, ref) {
+  const [internalOpen, setInternalOpen] = useState(defaultOpen);
+  const controlled = open !== void 0;
+  const isOpen = controlled ? Boolean(open) : internalOpen;
+  const onOpenChangeRef = useRef(onOpenChange);
+  onOpenChangeRef.current = onOpenChange;
+  const setOpen = useCallback(
+    (next) => {
+      if (!controlled) setInternalOpen(next);
+      onOpenChangeRef.current?.(next);
+    },
+    [controlled]
+  );
   const wrapRef = useRef(null);
+  const triggerRef = useRef(null);
   const panelRef = useRef(null);
   const portal = typeof document !== "undefined";
   const [pos, setPos] = useState(null);
+  const generatedId = useId();
+  const resolvedPanelId = panelId ?? `klun-popover-${generatedId}`;
+  const [hasFocusableChild, setHasFocusableChild] = useState(false);
   useEffect(() => {
-    if (!open) return;
+    const root = triggerRef.current;
+    if (!root) return;
+    setHasFocusableChild(root.querySelector(FOCUSABLE) != null);
+  }, [trigger]);
+  const openedByKeyboard = useRef(false);
+  useEffect(() => {
+    if (!isOpen) return;
     const h = (e) => {
       const t = e.target;
       if (wrapRef.current?.contains(t)) return;
@@ -4535,9 +5122,9 @@ var Popover = forwardRef(function Popover2({ trigger, children, align = "left",
     };
     document.addEventListener("mousedown", h);
     return () => document.removeEventListener("mousedown", h);
-  }, [open]);
+  }, [isOpen, setOpen]);
   useLayoutEffect(() => {
-    if (!open || !portal) return;
+    if (!isOpen || !portal) return;
     const anchor = wrapRef.current;
     const panel2 = panelRef.current;
     if (!anchor || !panel2) return;
@@ -4550,7 +5137,9 @@ var Popover = forwardRef(function Popover2({ trigger, children, align = "left",
       const below = window.innerHeight - a.bottom;
       const openUp = below < ph + gap && a.top > below;
       const top = openUp ? Math.max(margin, a.top - gap - ph) : Math.min(a.bottom + gap, window.innerHeight - margin - ph);
-      let left = align === "right" ? a.right - pw : a.left;
+      const rtl = getComputedStyle(anchor).direction === "rtl";
+      const side = align === "start" ? rtl ? "right" : "left" : align === "end" ? rtl ? "left" : "right" : align;
+      let left = side === "right" ? a.right - pw : a.left;
       if (left + pw > window.innerWidth - margin) left = window.innerWidth - margin - pw;
       if (left < margin) left = margin;
       setPos({ left, top });
@@ -4562,10 +5151,58 @@ var Popover = forwardRef(function Popover2({ trigger, children, align = "left",
       window.removeEventListener("scroll", place2, true);
       window.removeEventListener("resize", place2);
     };
-  }, [open, portal, align, width]);
+  }, [isOpen, portal, align, width]);
   useEffect(() => {
-    if (!open) setPos(null);
-  }, [open]);
+    if (!isOpen) setPos(null);
+  }, [isOpen]);
+  useLayoutEffect(() => {
+    if (!isOpen || !openedByKeyboard.current) return;
+    if (!pos) return;
+    openedByKeyboard.current = false;
+    const panel2 = panelRef.current;
+    if (!panel2) return;
+    const first = panel2.querySelector(FOCUSABLE);
+    (first ?? panel2).focus?.();
+  }, [isOpen, pos]);
+  const focusTrigger = useCallback(() => {
+    const root = triggerRef.current;
+    if (!root) return;
+    const inner = root.querySelector(FOCUSABLE);
+    (inner ?? root).focus?.();
+  }, []);
+  const onPanelKeyDown = (e) => {
+    if (e.key !== "Escape") return;
+    e.stopPropagation();
+    setOpen(false);
+    focusTrigger();
+  };
+  const onTriggerKeyDown = (e) => {
+    if (e.key === "Escape") {
+      if (!isOpen) return;
+      e.stopPropagation();
+      setOpen(false);
+      focusTrigger();
+      return;
+    }
+    if (e.key === "ArrowDown") {
+      e.preventDefault();
+      if (!isOpen) {
+        openedByKeyboard.current = true;
+        setOpen(true);
+      }
+      return;
+    }
+    if (e.key === "Enter" || e.key === " ") {
+      const target = e.target;
+      const nativeActivation = target != null && target !== triggerRef.current && target.closest?.(ACTIVATABLE) != null;
+      if (nativeActivation) return;
+      if (!isOpen) {
+        e.preventDefault();
+        openedByKeyboard.current = true;
+        setOpen(true);
+      }
+    }
+  };
   const setRefs = (node) => {
     wrapRef.current = node;
     if (typeof ref === "function") ref(node);
@@ -4581,11 +5218,14 @@ var Popover = forwardRef(function Popover2({ trigger, children, align = "left",
     // keep hidden until measured to avoid a flash at the top-left corner
     visibility: pos ? "visible" : "hidden"
   };
-  const panel = open ? /* @__PURE__ */ jsx(
+  const panel = isOpen ? /* @__PURE__ */ jsx(
     "div",
     {
       ref: panelRef,
+      id: resolvedPanelId,
       role: "dialog",
+      tabIndex: -1,
+      onKeyDown: onPanelKeyDown,
       className: cx(
         "klun-popover__panel",
         // in-flow fallback keeps the legacy left/right anchoring classes
@@ -4595,8 +5235,25 @@ var Popover = forwardRef(function Popover2({ trigger, children, align = "left",
       children: content
     }
   ) : null;
+  const triggerAria = {
+    "aria-haspopup": "dialog",
+    "aria-expanded": isOpen,
+    ...isOpen ? { "aria-controls": resolvedPanelId } : null
+  };
+  const triggerNode = isValidElement(trigger) ? cloneElement(trigger, triggerAria) : trigger;
+  const wrapperIsTrigger = !hasFocusableChild;
   return /* @__PURE__ */ jsxs("span", { ref: setRefs, className: cx("klun-popover", className), ...props, children: [
-    /* @__PURE__ */ jsx("span", { className: "klun-popover__trigger", onClick: () => setOpen((o) => !o), children: trigger }),
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        ref: triggerRef,
+        className: "klun-popover__trigger",
+        onClick: () => setOpen(!isOpen),
+        onKeyDown: onTriggerKeyDown,
+        ...wrapperIsTrigger ? { role: "button", tabIndex: 0, ...triggerAria } : !isValidElement(trigger) ? triggerAria : null,
+        children: triggerNode
+      }
+    ),
     portal ? panel && createPortal(panel, document.body) : panel
   ] });
 });
@@ -4959,11 +5616,14 @@ var EmojiPicker = forwardRef(
     groups = EMOJI_GROUPS,
     columns = 8,
     searchable = true,
-    searchPlaceholder = "Search emoji",
-    emptyText = "No emoji found",
+    searchPlaceholder: searchPlaceholderProp,
+    emptyText: emptyTextProp,
     className,
     ...props
   }, ref) {
+    const { emojiPicker } = useLocale();
+    const searchPlaceholder = searchPlaceholderProp ?? emojiPicker.searchPlaceholder;
+    const emptyText = emptyTextProp ?? emojiPicker.emptyText;
     const [query, setQuery] = useState("");
     const q = query.trim().toLowerCase();
     const results = useMemo(() => {
@@ -5008,7 +5668,9 @@ var EmojiPicker = forwardRef(
 EmojiPicker.displayName = "EmojiPicker";
 var QUICK_EMOJIS = ["\u{1F44D}", "\u{1F44C}", "\u2764\uFE0F", "\u2705", "\u{1F389}", "\u{1F615}", "\u{1F680}", "\u{1F440}"];
 var QuickEmojiPicker = forwardRef(
-  function QuickEmojiPicker2({ onSelect, emojis = QUICK_EMOJIS, align = "left", label = "Add reaction", className }, ref) {
+  function QuickEmojiPicker2({ onSelect, emojis = QUICK_EMOJIS, align = "left", label: labelProp, className }, ref) {
+    const { emojiPicker } = useLocale();
+    const label = labelProp ?? emojiPicker.addReaction;
     return /* @__PURE__ */ jsx(
       Popover,
       {
@@ -5153,6 +5815,16 @@ var Tooltip = forwardRef(function Tooltip2({ content, side = "top", delay = 200,
     transform: "none",
     visibility: pos ? "visible" : "hidden"
   };
+  const tooltipId = `${useId()}tooltip`;
+  const describedBy = open && content && !disabled ? tooltipId : void 0;
+  const childProps = isValidElement(children) ? children.props : null;
+  const triggerNode = childProps != null ? cloneElement(
+    children,
+    // 合并而非覆盖调用方已有的 aria-describedby
+    {
+      "aria-describedby": [childProps["aria-describedby"], describedBy].filter(Boolean).join(" ") || void 0
+    }
+  ) : children;
   return /* @__PURE__ */ jsxs(
     "span",
     {
@@ -5162,13 +5834,15 @@ var Tooltip = forwardRef(function Tooltip2({ content, side = "top", delay = 200,
       onMouseLeave: hide,
       onFocus: show,
       onBlur: hide,
+      ...childProps == null ? { "aria-describedby": describedBy } : null,
       children: [
-        children,
+        triggerNode,
         open && content && typeof document !== "undefined" ? createPortal(
           /* @__PURE__ */ jsx(
             "span",
             {
               ref: bubbleRef,
+              id: tooltipId,
               role: "tooltip",
               className: cx("klun-tooltip__bubble", `klun-tooltip__bubble--${side}`),
               style: bubbleStyle,
@@ -5297,7 +5971,8 @@ var Statistic = forwardRef(function Statistic2({ label, value, prefix, suffix, p
 });
 Statistic.displayName = "Statistic";
 var SIZES2 = { xs: 6, sm: 8, md: 10, lg: 12 };
-var StatusDot = forwardRef(function StatusDot2({ tone = "neutral", size = "sm", pulse = false, label, className, style, ...props }, ref) {
+var StatusDot = forwardRef(function StatusDot2({ tone = "neutral", size: sizeProp, pulse = false, label, className, style, ...props }, ref) {
+  const size = useScaleSize("StatusDot", sizeProp);
   const sizeStyle = { ["--klun-status-dot-size"]: `${SIZES2[size] ?? SIZES2.sm}px` };
   const dot = /* @__PURE__ */ jsx("span", { className: cx("klun-status-dot__dot", pulse && "klun-status-dot--pulse"), style: sizeStyle });
   if (label == null) {
@@ -5648,7 +6323,7 @@ function TableToolbar({
   selectedRows,
   clearSelection
 }) {
-  const { table } = useLocale();
+  const { table, a11y } = useLocale();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     showToolbar ? /* @__PURE__ */ jsxs("div", { className: "klun-table__toolbar", children: [
       title != null ? /* @__PURE__ */ jsx("span", { className: "klun-table__title", children: title }) : /* @__PURE__ */ jsx("span", { className: "klun-table__title-spacer" }),
@@ -5671,7 +6346,7 @@ function TableToolbar({
           {
             type: "button",
             onClick: clearSelection,
-            "aria-label": "Clear selection",
+            "aria-label": a11y.clearSelection,
             className: "klun-table__selbar-clear",
             children: /* @__PURE__ */ jsx("i", { className: "ri-close-line" })
           }
@@ -5849,9 +6524,44 @@ function TableHead({
   setSort,
   activeFilters,
   setFilter,
-  startResize
+  startResize,
+  setColumnWidth
 }) {
   const { table } = useLocale();
+  const [resizerW, setResizerW] = useState({});
+  const widthForA11y = (c) => {
+    const w = widthOf(c);
+    if (typeof w === "number") return w;
+    if (typeof c.width === "number") return c.width;
+    return resizerW[c.key] ?? (c.minWidth || 64);
+  };
+  const onResizerKeyDown = (e, c) => {
+    const min = c.minWidth || 64;
+    const step = e.shiftKey ? 32 : 8;
+    const current = resizerW[c.key] ?? widthForA11y(c);
+    let next = null;
+    switch (e.key) {
+      case "ArrowLeft":
+        next = current - step;
+        break;
+      case "ArrowRight":
+        next = current + step;
+        break;
+      case "Home":
+        next = min;
+        break;
+      // 这里没有真正的"最大值"（列宽不受限），因此用 Enter 代表"恢复声明宽度"
+      case "Enter":
+        next = typeof c.width === "number" ? c.width : current;
+        break;
+      default:
+        return;
+    }
+    e.preventDefault();
+    e.stopPropagation();
+    const applied = setColumnWidth(c, next);
+    setResizerW((m) => ({ ...m, [c.key]: applied }));
+  };
   return /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
     dragCol ? /* @__PURE__ */ jsx("th", { className: "klun-table__th klun-table__th--util" }) : null,
     expandCol ? /* @__PURE__ */ jsx(
@@ -5914,8 +6624,21 @@ function TableHead({
                   justifyContent: c.align === "right" ? "flex-end" : c.align === "center" ? "center" : "flex-start"
                 },
                 children: [
-                  /* @__PURE__ */ jsx("span", { className: c.ellipsis ? "klun-table__ellipsis" : void 0, children: c.headerRender ? c.headerRender() : c.header }),
-                  isSort ? /* @__PURE__ */ jsx(SortIcon, { dir }) : null,
+                  isSort ? /* @__PURE__ */ jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      className: "klun-table__sort",
+                      onClick: (e) => {
+                        e.stopPropagation();
+                        setSort(c.key);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: c.ellipsis ? "klun-table__ellipsis" : void 0, children: c.headerRender ? c.headerRender() : c.header }),
+                        /* @__PURE__ */ jsx(SortIcon, { dir })
+                      ]
+                    }
+                  ) : /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("span", { className: c.ellipsis ? "klun-table__ellipsis" : void 0, children: c.headerRender ? c.headerRender() : c.header }) }),
                   hasFilter ? /* @__PURE__ */ jsx(
                     FilterMenu,
                     {
@@ -5933,7 +6656,19 @@ function TableHead({
               {
                 role: "separator",
                 "aria-orientation": "vertical",
+                tabIndex: 0,
+                "aria-label": `${table.dragToResize}: ${typeof c.header === "string" ? c.header : c.key}`,
+                "aria-valuemin": c.minWidth || 64,
+                "aria-valuenow": widthForA11y(c),
+                "aria-valuetext": `${widthForA11y(c)}px`,
                 title: table.dragToResize,
+                onFocus: (e) => {
+                  const th = e.currentTarget.closest("th");
+                  if (!th) return;
+                  const measured = Math.round(th.getBoundingClientRect().width);
+                  if (measured > 0) setResizerW((m) => ({ ...m, [c.key]: measured }));
+                },
+                onKeyDown: (e) => onResizerKeyDown(e, c),
                 onMouseDown: (e) => startResize(e, c),
                 onClick: (e) => e.stopPropagation(),
                 className: "klun-table__resizer",
@@ -5947,6 +6682,14 @@ function TableHead({
     })
   ] }) });
 }
+function isCoarsePointer() {
+  if (typeof window === "undefined" || typeof window.matchMedia !== "function") return false;
+  try {
+    return window.matchMedia("(pointer: coarse)").matches;
+  } catch {
+    return false;
+  }
+}
 function TableRow(props) {
   if (!props.dragCol) return /* @__PURE__ */ jsx(RowBase, { ...props });
   return /* @__PURE__ */ jsx(SortableRow, { ...props });
@@ -5971,7 +6714,7 @@ function SortableRow(props) {
         setNodeRef,
         setActivatorNodeRef,
         isDragging,
-        style: { transform: CSS.Transform.toString(transform), transition }
+        style: { transform: CSS$1.Transform.toString(transform), transition }
       }
     }
   );
@@ -6050,7 +6793,15 @@ function RowBase({
           clickable && "klun-table__row--clickable",
           sortable?.isDragging && "klun-table__row--dragging"
         ),
-        onClick: clickable ? () => rowHref ? window.location.href = rowHref(row) : onRowClick(row) : void 0,
+        onClick: clickable ? (e) => {
+          if (rowHref) {
+            const target = e.target;
+            if (target?.closest?.("a[href]")) return;
+            window.location.href = rowHref(row);
+            return;
+          }
+          onRowClick?.(row);
+        } : void 0,
         onContextMenu: contextMenu || copyable ? (e) => {
           const custom = contextMenu ? contextMenu(row, { copyRow, copyText }) : null;
           const items2 = custom && custom.length ? custom : [
@@ -6225,6 +6976,8 @@ function RowBase({
                 style: { textAlign: c.align || "left" }
               }
             ) : null;
+            const linkHref = rowHref && ci === 0 && !c.render && !c.editable ? rowHref(row) : null;
+            const body = linkHref ? /* @__PURE__ */ jsx("a", { className: "klun-table__rowlink", href: linkHref, children: inner }) : inner;
             return /* @__PURE__ */ jsx(
               "td",
               {
@@ -6232,6 +6985,18 @@ function RowBase({
                   e.stopPropagation();
                   startEdit(id, c, row);
                 } : void 0,
+                onClick: c.editable && !isEditing && isCoarsePointer() ? (e) => {
+                  e.stopPropagation();
+                  startEdit(id, c, row);
+                } : void 0,
+                tabIndex: c.editable && !isEditing ? 0 : void 0,
+                onKeyDown: c.editable && !isEditing ? (e) => {
+                  if (e.key === "Enter" || e.key === "F2") {
+                    e.preventDefault();
+                    e.stopPropagation();
+                    startEdit(id, c, row);
+                  }
+                } : void 0,
                 className: cx(
                   "klun-table__td",
                   tdBorder,
@@ -6279,8 +7044,8 @@ function RowBase({
                       )
                     }
                   ) : /* @__PURE__ */ jsx("span", { className: "klun-table__tree-spacer" }),
-                  inner
-                ] }) : inner
+                  body
+                ] }) : body
               },
               c.key
             );
@@ -6374,6 +7139,11 @@ function useColumnResize(columns) {
   const [colW, setColW] = useState({});
   const resizeRef = useRef(null);
   const widthOf = (c) => colW[c.key] ?? (typeof c.width === "number" ? c.width : void 0);
+  const setColumnWidth = (c, next) => {
+    const w = Math.max(c.minWidth || 64, Math.round(next));
+    setColW((m) => ({ ...m, [c.key]: w }));
+    return w;
+  };
   const startResize = (e, c) => {
     e.preventDefault();
     e.stopPropagation();
@@ -6385,7 +7155,7 @@ function useColumnResize(columns) {
       const r = resizeRef.current;
       if (!r) return;
       const w = Math.max(c.minWidth || 64, r.startW + (ev.clientX - r.startX));
-      setColW((m) => ({ ...m, [r.key]: w }));
+      setColW((m) => ({ ...m, [r.key]: Math.round(w) }));
     };
     const up = () => {
       resizeRef.current = null;
@@ -6399,7 +7169,7 @@ function useColumnResize(columns) {
     document.body.style.cursor = "col-resize";
     document.body.style.userSelect = "none";
   };
-  return { colW, widthOf, startResize };
+  return { colW, widthOf, startResize, setColumnWidth };
 }
 function useColumnVisibility(columns) {
   const [hiddenCols, setHiddenCols] = useState(
@@ -6603,7 +7373,7 @@ function Table({
   onFiltersChange,
   pagination = false,
   expandable,
-  density = "comfortable",
+  density: densityProp,
   zebra = false,
   stickyHeader = false,
   hover = true,
@@ -6638,9 +7408,11 @@ function Table({
   style,
   ...props
 }) {
+  const providerDensity = useDensity();
+  const density = densityProp ?? (providerDensity === "compact" ? "compact" : "comfortable");
   const densityClass = DENSITY[density] || DENSITY.comfortable;
   const { menu, setMenu } = useTableContextMenu();
-  const { colW, widthOf, startResize } = useColumnResize();
+  const { colW, widthOf, startResize, setColumnWidth } = useColumnResize();
   const { hiddenCols, visibleColumns, toggleColumn } = useColumnVisibility(columns);
   const dragCol = rowDraggable && !tree;
   const rowToText = (row) => columns.map((c) => {
@@ -6832,7 +7604,8 @@ function Table({
                           setSort,
                           activeFilters,
                           setFilter,
-                          startResize
+                          startResize,
+                          setColumnWidth
                         }
                       ),
                       /* @__PURE__ */ jsx(
@@ -7015,6 +7788,7 @@ var Tree = forwardRef(function Tree2({
   showLine = false,
   blockNode = true,
   className,
+  onKeyDown: onKeyDownProp,
   ...props
 }, ref) {
   const [innerExpanded, setInnerExpanded] = useState(defaultExpandedKeys);
@@ -7042,14 +7816,105 @@ var Tree = forwardRef(function Tree2({
     else next = Array.from(/* @__PURE__ */ new Set([...checkedKeys, ...all]));
     onCheck(next);
   };
+  const visible = rows.filter((r) => !r.hidden);
+  const rootRef = useRef(null);
+  const setRoots = (node) => {
+    rootRef.current = node;
+    if (typeof ref === "function") ref(node);
+    else if (ref && "current" in ref) ref.current = node;
+  };
+  const firstEnabledKey = () => {
+    const hit = visible.find((r) => !r.node.disabled) ?? visible[0];
+    return hit?.node.key ?? null;
+  };
+  const [focusedKey, setFocusedKey] = useState(null);
+  const rovingKey = (() => {
+    if (focusedKey && visible.some((r) => r.node.key === focusedKey)) return focusedKey;
+    if (selectedKey && visible.some((r) => r.node.key === selectedKey)) return selectedKey;
+    return firstEnabledKey();
+  })();
+  const focusKey = useCallback((key) => {
+    if (!key) return;
+    setFocusedKey(key);
+    const el = rootRef.current?.querySelector(`[data-tree-key="${CSS.escape(key)}"]`);
+    el?.focus?.();
+  }, []);
+  const onKeyDown = (e) => {
+    if (visible.length === 0) return;
+    const activeKey = rootRef.current?.ownerDocument?.activeElement?.getAttribute?.(
+      "data-tree-key"
+    ) ?? null;
+    const currentKey = activeKey ?? rovingKey;
+    const idx = Math.max(0, visible.findIndex((r) => r.node.key === currentKey));
+    const cur = visible[idx];
+    if (!cur) return;
+    const hasChildren2 = !!(cur.node.children && cur.node.children.length);
+    const isExpanded = exp.includes(cur.node.key);
+    const parentKey = (() => {
+      for (let i = idx - 1; i >= 0; i--) {
+        if (visible[i].level < cur.level) return visible[i].node.key;
+      }
+      return null;
+    })();
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault();
+        focusKey(visible[Math.min(idx + 1, visible.length - 1)]?.node.key ?? null);
+        return;
+      case "ArrowUp":
+        e.preventDefault();
+        focusKey(visible[Math.max(idx - 1, 0)]?.node.key ?? null);
+        return;
+      case "Home":
+        e.preventDefault();
+        focusKey(visible[0]?.node.key ?? null);
+        return;
+      case "End":
+        e.preventDefault();
+        focusKey(visible[visible.length - 1]?.node.key ?? null);
+        return;
+      case "ArrowRight":
+        e.preventDefault();
+        if (cur.node.disabled) return;
+        if (hasChildren2 && !isExpanded) toggle(cur.node.key);
+        else if (hasChildren2 && isExpanded) focusKey(visible[idx + 1]?.node.key ?? null);
+        return;
+      case "ArrowLeft":
+        e.preventDefault();
+        if (hasChildren2 && isExpanded) toggle(cur.node.key);
+        else if (parentKey) focusKey(parentKey);
+        return;
+      case "Enter":
+        e.preventDefault();
+        if (cur.node.disabled) return;
+        if (checkable) onCheckNode(cur.node);
+        else onSelect?.(cur.node.key, cur.node);
+        return;
+      case " ":
+        e.preventDefault();
+        if (cur.node.disabled) return;
+        if (checkable) onCheckNode(cur.node);
+        else onSelect?.(cur.node.key, cur.node);
+        return;
+      default:
+        return;
+    }
+  };
+  const onKeyDownComposed = (e) => {
+    onKeyDownProp?.(e);
+    if (e.defaultPrevented) return;
+    onKeyDown(e);
+  };
   return /* @__PURE__ */ jsx(
     "div",
     {
-      ref,
+      ref: setRoots,
       role: "tree",
+      "aria-multiselectable": checkable || void 0,
       className: cx("klun-tree", showLine && "klun-tree--line", className),
+      onKeyDown: onKeyDownComposed,
       ...props,
-      children: rows.filter((r) => !r.hidden).map(({ node, level }) => {
+      children: visible.map(({ node, level }) => {
         const hasChildren2 = !!(node.children && node.children.length);
         const isExpanded = exp.includes(node.key);
         const selected = selectedKey === node.key;
@@ -7058,17 +7923,24 @@ var Tree = forwardRef(function Tree2({
           "div",
           {
             role: "treeitem",
+            "data-tree-key": node.key,
+            tabIndex: rovingKey === node.key ? 0 : -1,
+            "aria-level": level + 1,
             "aria-expanded": hasChildren2 ? isExpanded : void 0,
             "aria-selected": selected,
+            "aria-disabled": node.disabled || void 0,
+            "aria-checked": checkable ? cs === "all" ? true : cs === "some" ? "mixed" : false : void 0,
             className: cx(
               "klun-tree__item",
               selected && "klun-tree__item--selected",
               node.disabled && "klun-tree__item--disabled",
-              blockNode && "klun-tree__item--block"
+              blockNode && "klun-tree__item--block",
+              rovingKey === node.key && "klun-tree__item--focused"
             ),
             style: { ["--klun-tree-indent"]: `${6 + level * 20}px` },
             onClick: () => {
               if (node.disabled) return;
+              setFocusedKey(node.key);
               if (!checkable) onSelect && onSelect(node.key, node);
             },
             children: [
@@ -7080,6 +7952,7 @@ var Tree = forwardRef(function Tree2({
                     hasChildren2 && isExpanded && "klun-tree__caret--expanded"
                   ),
                   "data-leaf": hasChildren2 ? void 0 : "",
+                  "aria-hidden": "true",
                   onClick: (e) => {
                     e.stopPropagation();
                     if (hasChildren2) toggle(node.key);
@@ -7091,6 +7964,7 @@ var Tree = forwardRef(function Tree2({
                 "span",
                 {
                   className: cx("klun-tree__checkbox", `klun-tree__checkbox--${cs}`),
+                  "aria-hidden": "true",
                   onClick: (e) => {
                     e.stopPropagation();
                     if (!node.disabled) onCheckNode(node);
@@ -7696,12 +8570,13 @@ var GaugeBar = forwardRef(function GaugeBar2({
   label,
   caption,
   color = "blue",
-  size = "md",
+  size: sizeProp,
   showValue = true,
   className,
   style,
   ...props
 }, ref) {
+  const size = useScaleSize("GaugeBar", sizeProp);
   const pct2 = Math.max(0, Math.min(100, max ? value / max * 100 : 0));
   const showHeader = label || showValue && caption !== false;
   return /* @__PURE__ */ jsxs(
@@ -8333,7 +9208,14 @@ var AutoComplete = forwardRef(
     leadingIcon,
     emptyText: emptyTextProp,
     maxVisible = 6,
+    error = false,
     className,
+    inputProps,
+    // 下面这些属性属于**真实输入框**，不能落在 wrapper 上：
+    // 落在 wrapper 上时 `<label for={id}>` 指不到控件、`aria-label` 对输入框无效。
+    // 其余属性仍然透传给根节点，保持既有行为。
+    id,
+    inputMode,
     ...props
   }, ref) {
     const size = useSize(sizeProp);
@@ -8342,6 +9224,17 @@ var AutoComplete = forwardRef(
     const [open, setOpen] = useState(false);
     const [hi, setHi] = useState(-1);
     const rootRef = useRef(null);
+    const generatedId = useId();
+    const listboxId = `${generatedId}listbox`;
+    const optionId = (index) => `${listboxId}-option-${index}`;
+    const {
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "aria-describedby": ariaDescribedBy,
+      "aria-invalid": ariaInvalid,
+      "aria-required": ariaRequired,
+      ...rootProps
+    } = props;
     const norm2 = options.map(
       (o) => typeof o === "string" ? { value: o, label: o } : o
     );
@@ -8386,13 +9279,14 @@ var AutoComplete = forwardRef(
       {
         ref: rootRef,
         className: cx("klun-autocomplete", `klun-autocomplete--${size}`, className),
-        ...props,
+        ...rootProps,
         children: [
           /* @__PURE__ */ jsxs(
             "div",
             {
               className: cx(
                 "klun-autocomplete__field",
+                error && "klun-autocomplete__field--error",
                 disabled && "klun-autocomplete__field--disabled"
               ),
               "data-open": open ? "" : void 0,
@@ -8401,11 +9295,25 @@ var AutoComplete = forwardRef(
                 /* @__PURE__ */ jsx(
                   "input",
                   {
+                    ...inputProps,
                     ref,
-                    className: "klun-autocomplete__input",
+                    id: id ?? inputProps?.id,
+                    autoComplete: inputProps?.autoComplete,
+                    inputMode: inputMode ?? inputProps?.inputMode,
+                    className: cx("klun-autocomplete__input", inputProps?.className),
                     value,
                     disabled,
                     placeholder,
+                    role: "combobox",
+                    "aria-expanded": open,
+                    "aria-controls": open ? listboxId : void 0,
+                    "aria-activedescendant": open && hi >= 0 ? optionId(hi) : void 0,
+                    "aria-autocomplete": "list",
+                    "aria-label": ariaLabel,
+                    "aria-labelledby": ariaLabelledBy,
+                    "aria-describedby": ariaDescribedBy,
+                    "aria-invalid": ariaInvalid,
+                    "aria-required": ariaRequired,
                     onChange: (e) => {
                       onChange?.(e.target.value);
                       setOpen(true);
@@ -8418,9 +9326,10 @@ var AutoComplete = forwardRef(
               ]
             }
           ),
-          open ? /* @__PURE__ */ jsx("div", { className: "klun-autocomplete__list", role: "listbox", children: shown.length === 0 ? /* @__PURE__ */ jsx("div", { className: "klun-autocomplete__empty", children: emptyText }) : shown.map((o, i) => /* @__PURE__ */ jsxs(
+          open ? /* @__PURE__ */ jsx("div", { className: "klun-autocomplete__list", id: listboxId, role: "listbox", children: shown.length === 0 ? /* @__PURE__ */ jsx("div", { className: "klun-autocomplete__empty", children: emptyText }) : shown.map((o, i) => /* @__PURE__ */ jsxs(
             "button",
             {
+              id: optionId(i),
               type: "button",
               role: "option",
               "aria-selected": i === hi,
@@ -8470,6 +9379,8 @@ var Cascader = forwardRef(function Cascader2({
   const [open, setOpen] = useState(false);
   const [active, setActive] = useState(current);
   const rootRef = useRef(null);
+  const triggerRef = useRef(null);
+  const panelRef = useRef(null);
   useEffect(() => {
     setActive(current);
   }, [open]);
@@ -8479,7 +9390,11 @@ var Cascader = forwardRef(function Cascader2({
       if (rootRef.current && !rootRef.current.contains(e.target)) setOpen(false);
     };
     const k2 = (e) => {
-      if (e.key === "Escape") setOpen(false);
+      if (e.key !== "Escape") return;
+      setOpen(false);
+      if (rootRef.current && rootRef.current.contains(document.activeElement)) {
+        triggerRef.current?.focus();
+      }
     };
     document.addEventListener("mousedown", h);
     document.addEventListener("keydown", k2);
@@ -8488,6 +9403,15 @@ var Cascader = forwardRef(function Cascader2({
       document.removeEventListener("keydown", k2);
     };
   }, [open]);
+  useEffect(() => {
+    if (!open) return;
+    const id = requestAnimationFrame(() => {
+      const cols = panelRef.current?.querySelectorAll(".klun-cascader__column");
+      const last = cols && cols.length ? cols[cols.length - 1] : null;
+      last?.querySelector(".klun-cascader__option:not([disabled])")?.focus();
+    });
+    return () => cancelAnimationFrame(id);
+  }, [open]);
   const columns = [];
   let level = options;
   columns.push(level);
@@ -8517,6 +9441,62 @@ var Cascader = forwardRef(function Cascader2({
       if (leaf) setOpen(false);
     }
   };
+  const onPanelKeyDown = (e) => {
+    const target = e.target;
+    const option = target.closest(".klun-cascader__option");
+    if (!option) return;
+    const column = option.closest(".klun-cascader__column");
+    if (!column) return;
+    const all = Array.from(column.querySelectorAll(".klun-cascader__option"));
+    const enabled = all.filter((el) => !el.disabled);
+    const i = enabled.indexOf(option);
+    const colIdx = Array.from(
+      panelRef.current?.querySelectorAll(".klun-cascader__column") ?? []
+    ).indexOf(column);
+    const focusIntoColumn = (n) => {
+      const cols = panelRef.current?.querySelectorAll(".klun-cascader__column");
+      cols?.[n]?.querySelector(".klun-cascader__option:not([disabled])")?.focus();
+    };
+    switch (e.key) {
+      case "ArrowDown":
+        e.preventDefault();
+        enabled[(i + 1) % enabled.length]?.focus();
+        break;
+      case "ArrowUp":
+        e.preventDefault();
+        enabled[(i - 1 + enabled.length) % enabled.length]?.focus();
+        break;
+      case "Home":
+        e.preventDefault();
+        enabled[0]?.focus();
+        break;
+      case "End":
+        e.preventDefault();
+        enabled[enabled.length - 1]?.focus();
+        break;
+      case "ArrowRight": {
+        e.preventDefault();
+        const opt = columns[colIdx]?.[all.indexOf(option)];
+        if (opt && opt.children && opt.children.length) {
+          pick(colIdx, opt);
+          requestAnimationFrame(() => focusIntoColumn(colIdx + 1));
+        }
+        break;
+      }
+      case "ArrowLeft":
+        e.preventDefault();
+        if (colIdx > 0) focusIntoColumn(colIdx - 1);
+        break;
+      case "Escape":
+        e.preventDefault();
+        setOpen(false);
+        triggerRef.current?.focus();
+        break;
+      case "Tab":
+        setOpen(false);
+        break;
+    }
+  };
   const clear = () => {
     if (value === void 0) setInner([]);
     setActive([]);
@@ -8539,11 +9519,12 @@ var Cascader = forwardRef(function Cascader2({
         /* @__PURE__ */ jsxs(
           "button",
           {
+            ref: triggerRef,
             type: "button",
             className: "klun-cascader__trigger",
             disabled,
             onClick: () => setOpen((o) => !o),
-            "aria-haspopup": "true",
+            "aria-haspopup": "menu",
             "aria-expanded": open,
             "data-empty": labelPath.length ? void 0 : "",
             children: [
@@ -8589,9 +9570,11 @@ var Cascader = forwardRef(function Cascader2({
             ]
           }
         ),
-        open ? /* @__PURE__ */ jsx("div", { className: "klun-cascader__panel", role: "menu", children: columns.map((col, ci) => /* @__PURE__ */ jsx(
+        open ? /* @__PURE__ */ jsx("div", { ref: panelRef, className: "klun-cascader__panel", role: "menu", onKeyDown: onPanelKeyDown, children: columns.map((col, ci) => /* @__PURE__ */ jsx(
           "div",
           {
+            role: "group",
+            "aria-label": ci === 0 ? cascader.placeholder : String(active[ci - 1] ?? ""),
             className: cx(
               "klun-cascader__column",
               ci < columns.length - 1 && "klun-cascader__column--divided"
@@ -8603,11 +9586,11 @@ var Cascader = forwardRef(function Cascader2({
                 "button",
                 {
                   type: "button",
-                  role: "menuitem",
+                  role: "menuitemradio",
                   className: "klun-cascader__option",
                   disabled: opt.disabled,
                   onClick: () => pick(ci, opt),
-                  "aria-selected": selected,
+                  "aria-checked": selected,
                   "data-selected": selected || void 0,
                   children: [
                     /* @__PURE__ */ jsx("span", { className: "klun-cascader__option-label", children: renderOption ? renderOption(opt, ci) : opt.label }),
@@ -9112,7 +10095,9 @@ function SelectListbox({
   onActivate,
   onPick,
   className,
-  anchorRef
+  anchorRef,
+  id,
+  optionId
 }) {
   const portal = !!anchorRef && typeof document !== "undefined";
   const panelRef = useRef(null);
@@ -9160,12 +10145,14 @@ function SelectListbox({
     "div",
     {
       ref: panelRef,
+      id,
       role: "listbox",
       className: className ? `klun-select-listbox ${className}` : "klun-select-listbox",
       style: portalStyle,
       children: options.map((o, i) => /* @__PURE__ */ jsxs(
         "button",
         {
+          id: optionId?.(i),
           type: "button",
           role: "option",
           "aria-selected": o.value === current,
@@ -9713,7 +10700,7 @@ var DEFAULT_FORMAT = {
   day: "numeric"
 };
 var Calendar = forwardRef(function Calendar2({ value, onPick, className, style }, ref) {
-  const { datePicker } = useLocale();
+  const { datePicker, pagination, locale } = useLocale();
   const initial = value ? new Date(value) : /* @__PURE__ */ new Date();
   const [view, setView] = useState(new Date(initial.getFullYear(), initial.getMonth(), 1));
   const sel = value ? new Date(value) : null;
@@ -9726,34 +10713,69 @@ var Calendar = forwardRef(function Calendar2({ value, onPick, className, style }
   const cells = [];
   for (let i = 0; i < firstDay; i++) cells.push(null);
   for (let d = 1; d <= daysInMonth; d++) cells.push(new Date(y, m, d));
-  return /* @__PURE__ */ jsxs("div", { ref, className: cx("klun-date-picker", className), style, children: [
-    /* @__PURE__ */ jsxs("div", { className: "klun-date-picker__header", children: [
-      /* @__PURE__ */ jsx("button", { type: "button", className: "klun-date-picker__nav", onClick: () => setView(new Date(y, m - 1, 1)), children: /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M12 6l-4 4 4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
-      /* @__PURE__ */ jsx("span", { className: "klun-date-picker__title", children: fmt(datePicker.title, { month: datePicker.months[m], year: y }) }),
-      /* @__PURE__ */ jsx("button", { type: "button", className: "klun-date-picker__nav", onClick: () => setView(new Date(y, m + 1, 1)), children: /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M8 6l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) })
-    ] }),
-    /* @__PURE__ */ jsxs("div", { className: "klun-date-picker__grid", children: [
-      datePicker.weekdaysShort.map((d, i) => /* @__PURE__ */ jsx("div", { className: "klun-date-picker__weekday", children: d }, i)),
-      cells.map((date, i) => {
-        if (!date) return /* @__PURE__ */ jsx("span", {}, i);
-        return /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "klun-date-picker__day",
-            "data-selected": same(date, sel) || void 0,
-            "data-today": same(date, today) || void 0,
-            onClick: () => onPick(date),
-            children: date.getDate()
-          },
-          i
-        );
-      })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ref,
+      className: cx("klun-date-picker", className),
+      style,
+      role: "group",
+      "aria-label": fmt(datePicker.title, { month: datePicker.months[m], year: y }),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "klun-date-picker__header", children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "klun-date-picker__nav",
+              "aria-label": pagination.previous,
+              onClick: () => setView(new Date(y, m - 1, 1)),
+              children: /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M12 6l-4 4 4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "klun-date-picker__title", children: fmt(datePicker.title, { month: datePicker.months[m], year: y }) }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "klun-date-picker__nav",
+              "aria-label": pagination.next,
+              onClick: () => setView(new Date(y, m + 1, 1)),
+              children: /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M8 6l4 4-4 4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "klun-date-picker__grid", children: [
+          datePicker.weekdaysShort.map((d, i) => /* @__PURE__ */ jsx("div", { className: "klun-date-picker__weekday", children: d }, i)),
+          cells.map((date, i) => {
+            if (!date) return /* @__PURE__ */ jsx("span", {}, i);
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: "klun-date-picker__day",
+                "data-selected": same(date, sel) || void 0,
+                "data-today": same(date, today) || void 0,
+                "aria-label": date.toLocaleDateString(locale, {
+                  weekday: "long",
+                  year: "numeric",
+                  month: "long",
+                  day: "numeric"
+                }),
+                "aria-current": same(date, today) ? "date" : void 0,
+                onClick: () => onPick(date),
+                children: date.getDate()
+              },
+              i
+            );
+          })
+        ] })
+      ]
+    }
+  );
 });
 var DatePicker = forwardRef(
-  function DatePicker2({ value, onChange, inline: inline2, placeholder, format = DEFAULT_FORMAT, align = "left", disabled, className, style, ...props }, ref) {
+  function DatePicker2({ value, onChange, inline: inline2, placeholder, format = DEFAULT_FORMAT, align = "start", disabled, className, style, ...props }, ref) {
     if (inline2) {
       return /* @__PURE__ */ jsx(Calendar, { ref, value, onPick: (d) => onChange?.(d), className, style });
     }
@@ -9767,6 +10789,7 @@ var DatePicker = forwardRef(
           Input,
           {
             readOnly: true,
+            className: "klun-input--trigger",
             disabled,
             value: label,
             placeholder: placeholder ?? "Select date",
@@ -9851,7 +10874,7 @@ var RangeCalendar = forwardRef(function RangeCalendar2({ start, end, onPick, cla
   ] });
 });
 var DateRangePicker = forwardRef(
-  function DateRangePicker2({ start, end, onChange, inline: inline2, placeholder, format = DEFAULT_FORMAT2, align = "left", disabled, className, style, ...props }, ref) {
+  function DateRangePicker2({ start, end, onChange, inline: inline2, placeholder, format = DEFAULT_FORMAT2, align = "start", disabled, className, style, ...props }, ref) {
     if (inline2) {
       return /* @__PURE__ */ jsx(
         RangeCalendar,
@@ -9876,6 +10899,7 @@ var DateRangePicker = forwardRef(
           Input,
           {
             readOnly: true,
+            className: "klun-input--trigger",
             disabled,
             value: label,
             placeholder: placeholder ?? "Select range",
@@ -10129,7 +11153,7 @@ function DateTimePanel({ value, onChange }) {
   ] });
 }
 var DateTimePicker = forwardRef(
-  function DateTimePicker2({ value, onChange, inline: inline2, placeholder, format = DEFAULT_FORMAT3, align = "left", disabled, className, style, ...props }, ref) {
+  function DateTimePicker2({ value, onChange, inline: inline2, placeholder, format = DEFAULT_FORMAT3, align = "start", disabled, className, style, ...props }, ref) {
     const date = value ? new Date(value) : null;
     if (inline2) {
       return /* @__PURE__ */ jsx("div", { ref, className: cx("klun-date-time-picker", className), style, ...props, children: /* @__PURE__ */ jsx(DateTimePanel, { value: date, onChange: (d) => onChange?.(d) }) });
@@ -10144,6 +11168,7 @@ var DateTimePicker = forwardRef(
           Input,
           {
             readOnly: true,
+            className: "klun-input--trigger",
             disabled,
             value: label,
             placeholder: placeholder ?? "Select date & time",
@@ -10260,13 +11285,24 @@ var FileUpload = forwardRef(function FileUpload2({ onFiles, hint = "SVG, PNG, JP
   const { fileUpload } = useLocale();
   const [over, setOver] = useState(false);
   const inputRef = useRef(null);
+  const openPicker = () => inputRef.current?.click();
+  const dropzoneLabel = `${fileUpload.clickToUpload} ${fileUpload.orDragAndDrop}`;
   return /* @__PURE__ */ jsxs(
     "div",
     {
       ref,
       className: cx("klun-file-upload", className),
+      role: "button",
+      tabIndex: 0,
+      "aria-label": dropzoneLabel,
       "data-dragover": over || void 0,
-      onClick: () => inputRef.current?.click(),
+      onClick: openPicker,
+      onKeyDown: (e) => {
+        if (e.key === "Enter" || e.key === " ") {
+          e.preventDefault();
+          openPicker();
+        }
+      },
       onDragOver: (e) => {
         e.preventDefault();
         setOver(true);
@@ -10286,6 +11322,7 @@ var FileUpload = forwardRef(function FileUpload2({ onFiles, hint = "SVG, PNG, JP
             type: "file",
             multiple: true,
             hidden: true,
+            tabIndex: -1,
             onChange: (e) => onFiles?.([...e.target.files ?? []])
           }
         ),
@@ -10383,9 +11420,6 @@ function useForm(opts = {}) {
   const unregisterField = useCallback((key) => {
     delete fields.current[key];
   }, []);
-  const registerRules = useCallback((name, rules) => {
-    fields.current[pathKey(name)] = { name, rules: rules || [] };
-  }, []);
   const getFieldValue = useCallback((name) => getIn(valuesRef.current, name), []);
   const getFieldsValue = useCallback(() => valuesRef.current, []);
   const validateField = useCallback(async (name) => {
@@ -10504,7 +11538,6 @@ function useForm(opts = {}) {
     setValues,
     getFieldValue,
     getFieldsValue,
-    registerRules,
     registerField,
     unregisterField,
     validate,
@@ -10577,22 +11610,35 @@ function FormItem({
   const error = form && key ? form.touched[key] && form.errors[key] : null;
   const ruleArr = typeof rules === "function" ? [] : rules || [];
   const isRequired = required || ruleArr.some((r) => r.required);
+  const autoId = useId();
+  const childIsElement = isValidElement(children);
+  const childProps = childIsElement ? children.props : {};
+  const controlId = childIsElement ? childProps.id ?? `${autoId}control` : void 0;
+  const errorId = controlId ? `${controlId}-error` : void 0;
+  const helpId = controlId ? `${controlId}-help` : void 0;
+  const hasError = Boolean(error);
+  const descriptionId = hasError ? errorId : help ? helpId : void 0;
   let control = children;
-  if (form && fullName != null && isValidElement(children)) {
-    const childProps = children.props;
-    control = cloneElement(children, {
-      value: form._getIn(form.values, fullName) ?? childProps.value ?? "",
-      error: !!error,
-      onChange: (e) => {
+  if (childIsElement) {
+    const merged = { id: controlId };
+    if (form && fullName != null) {
+      merged.value = form._getIn(form.values, fullName) ?? childProps.value ?? "";
+      merged.error = hasError ? true : void 0;
+      merged.onChange = (e) => {
         const v = e && e.target ? childProps.type === "checkbox" ? e.target.checked : e.target.value : e;
         form.setFieldValue(fullName, v);
         childProps.onChange?.(e);
-      },
-      onBlur: (e) => {
+      };
+      merged.onBlur = (e) => {
         form.setFieldTouched(fullName);
         childProps.onBlur?.(e);
-      }
-    });
+      };
+    }
+    if (hasError) merged["aria-invalid"] = true;
+    if (isRequired) merged["aria-required"] = true;
+    const describedBy = [childProps["aria-describedby"], descriptionId].filter(Boolean).join(" ");
+    if (describedBy) merged["aria-describedby"] = describedBy;
+    control = cloneElement(children, merged);
   }
   return /* @__PURE__ */ jsxs(
     "div",
@@ -10601,13 +11647,13 @@ function FormItem({
       className: cx("klun-form-item", horizontal && "klun-form-item--horizontal", className),
       ...props,
       children: [
-        label ? /* @__PURE__ */ jsxs("label", { className: "klun-form-item__label", children: [
+        label ? /* @__PURE__ */ jsxs("label", { className: "klun-form-item__label", htmlFor: controlId, children: [
           label,
-          isRequired ? /* @__PURE__ */ jsx("span", { className: "klun-form-item__required", children: "*" }) : null
+          isRequired ? /* @__PURE__ */ jsx("span", { className: "klun-form-item__required", "aria-hidden": "true", children: "*" }) : null
         ] }) : null,
         /* @__PURE__ */ jsxs("div", { className: "klun-form-item__control", children: [
           control,
-          error ? /* @__PURE__ */ jsx("span", { className: "klun-form-item__error", children: error }) : help ? /* @__PURE__ */ jsx("span", { className: "klun-form-item__help", children: help }) : null
+          hasError ? /* @__PURE__ */ jsx("span", { id: errorId, className: "klun-form-item__error", children: error }) : help ? /* @__PURE__ */ jsx("span", { id: helpId, className: "klun-form-item__help", children: help }) : null
         ] })
       ]
     }
@@ -10668,6 +11714,241 @@ var Hint = forwardRef(function Hint2({ children, error = false, icon, className,
   );
 });
 Hint.displayName = "Hint";
+
+// src/components/overlays/overlayStack.ts
+var OVERLAY_LAYER = {
+  pagePopup: 100,
+  modalRoot: 1e3,
+  modalStep: 100,
+  popupOffset: 20,
+  tooltipOffset: 30
+};
+var stack = [];
+var scopeRoots = /* @__PURE__ */ new Map();
+var scrollLockCount = 0;
+var savedOverflow = null;
+var canUseDOM = () => typeof document !== "undefined";
+function pushOverlay() {
+  const id = /* @__PURE__ */ Symbol("klun-overlay");
+  stack.push(id);
+  scopeRoots.set(id, /* @__PURE__ */ new Set());
+  lockScroll();
+  return id;
+}
+function popOverlay(id) {
+  const i = stack.indexOf(id);
+  if (i === -1) return;
+  stack.splice(i, 1);
+  scopeRoots.delete(id);
+  unlockScroll();
+}
+function isTopOverlay(id) {
+  return stack.length > 0 && stack[stack.length - 1] === id;
+}
+function overlayDepth(id) {
+  return stack.indexOf(id);
+}
+function layerBaseFor(id) {
+  const depth = Math.max(0, overlayDepth(id));
+  return OVERLAY_LAYER.modalRoot + depth * OVERLAY_LAYER.modalStep;
+}
+function registerScopeRoot(id, el) {
+  const set = scopeRoots.get(id);
+  if (!set || !el) return;
+  set.add(el);
+}
+function unregisterScopeRoot(id, el) {
+  if (!el) return;
+  scopeRoots.get(id)?.delete(el);
+}
+function getScopeRoots(id) {
+  const set = scopeRoots.get(id);
+  if (!set) return [];
+  return [...set].filter((el) => el.isConnected);
+}
+function lockScroll() {
+  if (!canUseDOM()) return;
+  if (scrollLockCount === 0) {
+    savedOverflow = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+  }
+  scrollLockCount += 1;
+}
+function unlockScroll() {
+  if (!canUseDOM()) return;
+  scrollLockCount = Math.max(0, scrollLockCount - 1);
+  if (scrollLockCount === 0) {
+    document.body.style.overflow = savedOverflow ?? "";
+    savedOverflow = null;
+  }
+}
+var inertedByUs = /* @__PURE__ */ new WeakMap();
+function applyBackgroundInert(roots) {
+  if (!canUseDOM() || roots.length === 0) return;
+  for (const root of roots) {
+    let node = root;
+    while (node && node.parentElement) {
+      const parent = node.parentElement;
+      for (const sibling of Array.from(parent.children)) {
+        if (sibling === node) continue;
+        if (!(sibling instanceof HTMLElement)) continue;
+        if (roots.some((r) => sibling.contains(r))) continue;
+        if (!sibling.hasAttribute("inert") && !inertedByUs.has(sibling)) {
+          sibling.setAttribute("inert", "");
+          inertedByUs.set(sibling, true);
+        }
+      }
+      node = parent;
+      if (node === document.body) break;
+    }
+  }
+}
+function releaseBackgroundInert() {
+  if (!canUseDOM()) return;
+  for (const el of document.querySelectorAll("[inert]")) {
+    if (inertedByUs.get(el)) {
+      el.removeAttribute("inert");
+      inertedByUs.delete(el);
+    }
+  }
+}
+function isFocusable(el) {
+  if (el.hasAttribute("disabled")) return false;
+  if (el.getAttribute("aria-hidden") === "true") return false;
+  if (el.hasAttribute("hidden")) return false;
+  if (typeof getComputedStyle === "function") {
+    const cs = getComputedStyle(el);
+    if (cs.display === "none" || cs.visibility === "hidden") return false;
+  }
+  if (el.getAttribute("tabindex") === "-1") return false;
+  return true;
+}
+var FOCUSABLE_SELECTOR = [
+  "a[href]",
+  "button",
+  "input:not([type='hidden'])",
+  "select",
+  "textarea",
+  "[tabindex]",
+  "audio[controls]",
+  "video[controls]",
+  "[contenteditable]:not([contenteditable='false'])"
+].join(",");
+function focusablesIn(roots) {
+  const out = [];
+  for (const root of roots) {
+    for (const el of Array.from(root.querySelectorAll(FOCUSABLE_SELECTOR))) {
+      if (isFocusable(el)) out.push(el);
+    }
+  }
+  return out;
+}
+function useOverlayScope({
+  active,
+  onEscape,
+  escapeEnabled = true,
+  autoFocus = true,
+  restoreFocus = true,
+  inertBackground = true
+}) {
+  const [scopeId, setScopeId] = useState(null);
+  const nodeRef = useRef(null);
+  const restoreTo = useRef(null);
+  const onEscapeRef = useRef(onEscape);
+  onEscapeRef.current = onEscape;
+  useEffect(() => {
+    if (!active) {
+      setScopeId(null);
+      return;
+    }
+    const id = pushOverlay();
+    setScopeId(id);
+    return () => {
+      popOverlay(id);
+    };
+  }, [active]);
+  useEffect(() => {
+    if (!active || !scopeId) return;
+    const container = nodeRef.current;
+    registerScopeRoot(scopeId, container);
+    if (restoreFocus) {
+      restoreTo.current = document.activeElement ?? null;
+    }
+    if (autoFocus) {
+      const items2 = focusablesIn(getScopeRoots(scopeId));
+      const target = items2[0] ?? container;
+      target?.focus?.();
+    }
+    if (inertBackground) applyBackgroundInert(getScopeRoots(scopeId));
+    return () => {
+      unregisterScopeRoot(scopeId, container);
+      if (inertBackground) releaseBackgroundInert();
+      if (restoreFocus) {
+        const to = restoreTo.current;
+        restoreTo.current = null;
+        if (to && to.isConnected) to.focus?.();
+      }
+    };
+  }, [active, scopeId]);
+  useEffect(() => {
+    if (!active || !scopeId) return;
+    const onKeyDown = (e) => {
+      if (e.key === "Escape") {
+        if (!escapeEnabled) return;
+        if (!isTopOverlay(scopeId)) {
+          e.stopPropagation();
+          return;
+        }
+        onEscapeRef.current?.();
+        return;
+      }
+      if (e.key !== "Tab") return;
+      if (!isTopOverlay(scopeId)) {
+        e.preventDefault();
+        return;
+      }
+      const items2 = focusablesIn(getScopeRoots(scopeId));
+      if (items2.length === 0) {
+        e.preventDefault();
+        nodeRef.current?.focus?.();
+        return;
+      }
+      const first = items2[0];
+      const last = items2[items2.length - 1];
+      const current = document.activeElement;
+      const inside = current ? items2.includes(current) : false;
+      if (e.shiftKey) {
+        if (!inside || current === first) {
+          e.preventDefault();
+          last.focus();
+        }
+      } else if (!inside || current === last) {
+        e.preventDefault();
+        first.focus();
+      }
+    };
+    document.addEventListener("keydown", onKeyDown, true);
+    return () => document.removeEventListener("keydown", onKeyDown, true);
+  }, [active, scopeId, escapeEnabled]);
+  const setNode = useCallback((el) => {
+    nodeRef.current = el;
+  }, []);
+  return {
+    ref: setNode,
+    scopeId,
+    layerBase: scopeId ? layerBaseFor(scopeId) : OVERLAY_LAYER.modalRoot
+  };
+}
+var OverlayLayerContext = createContext(null);
+function OverlayLayerProvider({ layerBase, children }) {
+  return /* @__PURE__ */ jsx(OverlayLayerContext.Provider, { value: { layerBase }, children });
+}
+function useOverlayLayer(kind = "popup") {
+  const ctx = useContext(OverlayLayerContext);
+  const offset = kind === "tooltip" ? OVERLAY_LAYER.tooltipOffset : OVERLAY_LAYER.popupOffset;
+  if (ctx) return ctx.layerBase + offset;
+  return kind === "tooltip" ? OVERLAY_LAYER.modalRoot + OVERLAY_LAYER.tooltipOffset : OVERLAY_LAYER.pagePopup;
+}
 var Modal = forwardRef(function Modal2({
   open,
   onClose,
@@ -10708,19 +11989,21 @@ var Modal = forwardRef(function Modal2({
   const [maximized, setMaximized] = useState(defaultMaximized);
   const drag = useRef(null);
   const prevOpen = useRef(open);
-  useEffect(() => {
-    if (!open) return;
-    const onKey = (e) => {
-      if (e.key === "Escape" && keyboard && closable) cancel?.();
-    };
-    document.addEventListener("keydown", onKey);
-    const prevOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.removeEventListener("keydown", onKey);
-      document.body.style.overflow = prevOverflow;
-    };
-  }, [open, keyboard, closable, cancel]);
+  const scope = useOverlayScope({
+    active: open,
+    escapeEnabled: keyboard && closable,
+    onEscape: cancel
+  });
+  const scopeRef = scope.ref;
+  const titleId = `${useId()}title`;
+  const attachDialogRef = useCallback(
+    (el) => {
+      scopeRef(el);
+      if (typeof ref === "function") ref(el);
+      else if (ref) ref.current = el;
+    },
+    [ref, scopeRef]
+  );
   useEffect(() => {
     if (open) {
       setPos({ x: 0, y: 0 });
@@ -10771,9 +12054,11 @@ var Modal = forwardRef(function Modal2({
       children: /* @__PURE__ */ jsxs(
         "div",
         {
-          ref,
+          ref: attachDialogRef,
           role: "dialog",
           "aria-modal": "true",
+          "aria-labelledby": title ? titleId : void 0,
+          tabIndex: -1,
           onClick: (e) => e.stopPropagation(),
           className: cx("klun-modal__dialog", maximized && "klun-modal__dialog--maximized", className),
           style: dialogStyle,
@@ -10787,7 +12072,7 @@ var Modal = forwardRef(function Modal2({
                 children: [
                   icon ? /* @__PURE__ */ jsx("div", { className: "klun-modal__icon", children: icon }) : null,
                   /* @__PURE__ */ jsxs("div", { className: "klun-modal__heading", children: [
-                    title ? /* @__PURE__ */ jsx("div", { className: "klun-modal__title", children: title }) : null,
+                    title ? /* @__PURE__ */ jsx("div", { className: "klun-modal__title", id: titleId, children: title }) : null,
                     description ? /* @__PURE__ */ jsx("div", { className: "klun-modal__description", children: description }) : null
                   ] }),
                   maximizable || closable ? /* @__PURE__ */ jsxs("div", { className: "klun-modal__actions", children: [
@@ -11055,7 +12340,7 @@ var ImageUpload = forwardRef(function ImageUpload2({
   shape = "circle",
   size = 96,
   label,
-  hint = "PNG or JPG, up to 5MB",
+  hint: hintProp,
   onPick,
   onRemove,
   disabled = false,
@@ -11064,6 +12349,7 @@ var ImageUpload = forwardRef(function ImageUpload2({
   ...props
 }, ref) {
   const { imageUpload } = useLocale();
+  const hint = hintProp ?? imageUpload.hint;
   const [over, setOver] = useState(false);
   const inputRef = useRef(null);
   return /* @__PURE__ */ jsxs("div", { ref, className: cx("klun-image-upload", className), style, ...props, children: [
@@ -11671,17 +12957,20 @@ var RichEditor = forwardRef(function RichEditor2({
   value,
   defaultValue = "",
   onChange,
-  placeholder = "Write something\u2026",
+  placeholder: placeholderProp,
   disabled = false,
   hideToolbar = false,
   minHeight = 160,
   maxHeight,
   allowSource = true,
-  editorLabel = "Rich text editor",
+  editorLabel: editorLabelProp,
   className,
   style,
   ...props
 }, ref) {
+  const { richEditor: localeRich } = useLocale();
+  const placeholder = placeholderProp ?? localeRich.placeholder;
+  const editorLabel = editorLabelProp ?? localeRich.editorLabel;
   const editorRef = useRef(null);
   const [active, setActive] = useState([]);
   const [source, setSource] = useState(false);
@@ -11802,7 +13091,10 @@ var Select = forwardRef(function Select2({
   const rootRef = useRef(null);
   const s = useSelect({ children, value, defaultValue, disabled: disabled || loading, rootRef });
   const { select: selectLocale } = useLocale();
-  const fallbackLabel = !ariaLabel && !ariaLabelledBy && !s.selected && !placeholder ? selectLocale?.placeholder ?? "Select" : void 0;
+  const generatedId = useId();
+  const listboxId = `${generatedId}listbox`;
+  const optionId = (index) => `${listboxId}-option-${index}`;
+  const fallbackLabel = !ariaLabel && !ariaLabelledBy ? placeholder || selectLocale?.placeholder || "Select" : void 0;
   return /* @__PURE__ */ jsxs("div", { ref: rootRef, className: cx("klun-select", `klun-select--${size}`, className), style, children: [
     /* @__PURE__ */ jsxs(
       "button",
@@ -11812,8 +13104,11 @@ var Select = forwardRef(function Select2({
         disabled,
         onClick: s.toggle,
         onKeyDown: s.triggerKeyDown,
+        role: "combobox",
         "aria-haspopup": "listbox",
         "aria-expanded": s.open,
+        "aria-controls": s.open ? listboxId : void 0,
+        "aria-activedescendant": s.open && s.active >= 0 ? optionId(s.active) : void 0,
         "aria-label": ariaLabel ?? fallbackLabel,
         "aria-labelledby": ariaLabelledBy,
         "data-open": s.open || void 0,
@@ -11853,6 +13148,8 @@ var Select = forwardRef(function Select2({
     s.open ? /* @__PURE__ */ jsx(
       SelectListbox,
       {
+        id: listboxId,
+        optionId,
         anchorRef: s.triggerRef,
         options: s.options,
         current: s.current,
@@ -11874,7 +13171,7 @@ var SelectMenu = forwardRef(
     leadingIcon,
     error = false,
     disabled = false,
-    align = "left",
+    align = "start",
     className,
     style,
     ...props
@@ -12554,6 +13851,7 @@ function computeSizes(panels, containerPx) {
   return sizes;
 }
 var SplitterRoot = forwardRef(function Splitter({ layout = "horizontal", onResize, onResizeEnd, className, children, ...props }, forwardedRef) {
+  const { a11y } = useLocale();
   const containerRef = useRef(null);
   const setRefs = useCallback(
     (node) => {
@@ -12772,7 +14070,7 @@ var SplitterRoot = forwardRef(function Splitter({ layout = "horizontal", onResiz
                   {
                     type: "button",
                     className: "klun-splitter__collapse klun-splitter__collapse--start",
-                    "aria-label": "Collapse start panel",
+                    "aria-label": a11y.collapseStart,
                     tabIndex: -1,
                     onPointerDown: (e) => e.stopPropagation(),
                     onClick: () => collapseToggle(i, i),
@@ -12784,7 +14082,7 @@ var SplitterRoot = forwardRef(function Splitter({ layout = "horizontal", onResiz
                   {
                     type: "button",
                     className: "klun-splitter__collapse klun-splitter__collapse--end",
-                    "aria-label": "Collapse end panel",
+                    "aria-label": a11y.collapseEnd,
                     tabIndex: -1,
                     onPointerDown: (e) => e.stopPropagation(),
                     onClick: () => collapseToggle(i, i + 1),
@@ -13016,6 +14314,7 @@ var PageHeader = forwardRef(function PageHeader2({
   children,
   ...props
 }, ref) {
+  const { a11y } = useLocale();
   return /* @__PURE__ */ jsxs(
     "header",
     {
@@ -13037,7 +14336,7 @@ var PageHeader = forwardRef(function PageHeader2({
               appearance: "ghost",
               variant: "neutral",
               size: "small",
-              "aria-label": "Back",
+              "aria-label": a11y.back,
               className: "klun-page-header__back",
               icon: /* @__PURE__ */ jsx("i", { className: "ri-arrow-left-line", "aria-hidden": true }),
               onClick: onBack
@@ -13229,7 +14528,7 @@ var Sidebar = forwardRef(function Sidebar2({
   onSelect,
   defaultExpandedKeys = [],
   searchable = false,
-  searchPlaceholder = "Search",
+  searchPlaceholder: searchPlaceholderProp,
   onSearch,
   collapsed: collapsedProp,
   defaultCollapsed = false,
@@ -13237,6 +14536,8 @@ var Sidebar = forwardRef(function Sidebar2({
   className,
   ...props
 }, ref) {
+  const { sidebar: localeSidebar } = useLocale();
+  const searchPlaceholder = searchPlaceholderProp ?? localeSidebar.searchPlaceholder;
   const [internalNav, setInternalNav] = useState(defaultNavKey);
   const [internalCollapsed, setInternalCollapsed] = useState(defaultCollapsed);
   const [expandedKeys, setExpandedKeys] = useState(
@@ -13272,7 +14573,7 @@ var Sidebar = forwardRef(function Sidebar2({
       "data-collapsed": collapsed ? "" : void 0,
       ...props,
       children: [
-        /* @__PURE__ */ jsxs("nav", { className: "klun-sidebar__rail", "aria-label": "Primary", children: [
+        /* @__PURE__ */ jsxs("nav", { className: "klun-sidebar__rail", "aria-label": localeSidebar.primary, children: [
           brand != null && /* @__PURE__ */ jsx("div", { className: "klun-sidebar__brand", children: brand }),
           /* @__PURE__ */ jsx("div", { className: "klun-sidebar__nav", children: navItems.map((item) => /* @__PURE__ */ jsx(
             RailButton,
@@ -13319,6 +14620,7 @@ var Sidebar = forwardRef(function Sidebar2({
                 type: "text",
                 className: "klun-sidebar__search-input",
                 placeholder: searchPlaceholder,
+                "aria-label": searchPlaceholder,
                 value: query,
                 tabIndex: collapsed ? -1 : 0,
                 onChange: (e) => {
@@ -13688,6 +14990,7 @@ var Wizard = forwardRef(function Wizard2({
   className,
   ...props
 }, ref) {
+  const { wizard } = useLocale();
   const isControlled = current !== void 0;
   const [internal, setInternal] = useState(defaultCurrent);
   const idx = isControlled ? current : internal;
@@ -13732,7 +15035,7 @@ var Wizard = forwardRef(function Wizard2({
               className: "klun-wizard__nav",
               onClick: () => go(idx - 1),
               disabled: idx === 0,
-              children: "Back"
+              children: wizard.back
             }
           ),
           !isLast ? /* @__PURE__ */ jsx(
@@ -13741,7 +15044,7 @@ var Wizard = forwardRef(function Wizard2({
               type: "button",
               className: "klun-wizard__nav klun-wizard__nav--primary",
               onClick: () => go(idx + 1),
-              children: "Next"
+              children: wizard.next
             }
           ) : /* @__PURE__ */ jsx(
             "button",
@@ -13749,7 +15052,7 @@ var Wizard = forwardRef(function Wizard2({
               type: "button",
               className: "klun-wizard__nav klun-wizard__nav--primary",
               onClick: () => onFinish?.(),
-              children: "Finish"
+              children: wizard.finish
             }
           )
         ] })
@@ -13836,13 +15139,14 @@ var INTENT_ICON = {
   warning: "ri-alert-line"
 };
 function ConfirmDialog({ opts, onClose }) {
+  const { popconfirm } = useLocale();
   const {
-    title = "Are you sure?",
+    title = popconfirm.title,
     description,
     icon,
     intent = "primary",
-    confirmText = "Confirm",
-    cancelText = "Cancel",
+    confirmText = popconfirm.confirm,
+    cancelText = popconfirm.cancel,
     requireInput,
     onConfirm
   } = opts;
@@ -13982,7 +15286,11 @@ function place(w, h, opts) {
   let top;
   if (opts.rect) {
     const r = opts.rect;
-    left = r.right - 4 + w > vw - GAP3 ? r.left - w + 4 : r.right - 4;
+    if (opts.rtl) {
+      left = r.left - w + 4 < GAP3 ? r.right - 4 : r.left - w + 4;
+    } else {
+      left = r.right - 4 + w > vw - GAP3 ? r.left - w + 4 : r.right - 4;
+    }
     top = r.top - 4;
   } else {
     const p = opts.point ?? { x: 0, y: 0 };
@@ -14004,7 +15312,9 @@ function MenuPanel({ items: items2, width, className, point, anchorEl, autoActiv
     const el = ref.current;
     const w = el?.offsetWidth ?? width;
     const h = el?.offsetHeight ?? 0;
-    setPos(place(w, h, anchorEl ? { rect: anchorEl.getBoundingClientRect() } : { point }));
+    const dirHost = anchorEl ?? ref.current ?? document.body;
+    const rtl = getComputedStyle(dirHost).direction === "rtl";
+    setPos(place(w, h, anchorEl ? { rect: anchorEl.getBoundingClientRect(), rtl } : { point }));
   }, [width, point?.x, point?.y, anchorEl, items2]);
   const move = useCallback(
     (dir) => {
@@ -14174,7 +15484,6 @@ var Drawer = forwardRef(function Drawer2({
   onClose,
   title,
   placement,
-  side,
   width = "50%",
   height = "50%",
   size = "default",
@@ -14192,22 +15501,24 @@ var Drawer = forwardRef(function Drawer2({
   ...props
 }, ref) {
   const { drawer } = useLocale();
-  const place2 = placement ?? side ?? "right";
+  const place2 = placement ?? "right";
   const horizontal = place2 === "left" || place2 === "right";
   const prevOpen = useRef(open);
-  useEffect(() => {
-    if (!open) return;
-    const onKey = (e) => {
-      if (e.key === "Escape" && keyboard && closable) onClose?.();
-    };
-    document.addEventListener("keydown", onKey);
-    const prevOverflow = document.body.style.overflow;
-    document.body.style.overflow = "hidden";
-    return () => {
-      document.removeEventListener("keydown", onKey);
-      document.body.style.overflow = prevOverflow;
-    };
-  }, [open, keyboard, closable, onClose]);
+  const scope = useOverlayScope({
+    active: open,
+    escapeEnabled: keyboard && closable,
+    onEscape: onClose
+  });
+  const scopeRef = scope.ref;
+  const titleId = `${useId()}title`;
+  const attachPanelRef = useCallback(
+    (el) => {
+      scopeRef(el);
+      if (typeof ref === "function") ref(el);
+      else if (ref) ref.current = el;
+    },
+    [ref, scopeRef]
+  );
   useEffect(() => {
     if (prevOpen.current !== open) {
       afterOpenChange?.(open);
@@ -14226,16 +15537,18 @@ var Drawer = forwardRef(function Drawer2({
       children: /* @__PURE__ */ jsxs(
         "div",
         {
-          ref,
+          ref: attachPanelRef,
           role: "dialog",
           "aria-modal": "true",
+          "aria-labelledby": title ? titleId : void 0,
+          tabIndex: -1,
           onClick: (e) => e.stopPropagation(),
           className: cx("klun-drawer__panel", className),
           style: panelStyle,
           ...props,
           children: [
             /* @__PURE__ */ jsxs("div", { className: "klun-drawer__header", children: [
-              /* @__PURE__ */ jsx("div", { className: "klun-drawer__title", children: title }),
+              /* @__PURE__ */ jsx("div", { className: "klun-drawer__title", id: title ? titleId : void 0, children: title }),
               extra ? /* @__PURE__ */ jsx("div", { className: "klun-drawer__extra", children: extra }) : null,
               closable ? /* @__PURE__ */ jsx("button", { type: "button", onClick: onClose, "aria-label": drawer.close, className: "klun-drawer__close", children: /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsx("path", { d: "M5 5l10 10M15 5L5 15", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) }) : null
             ] }),
@@ -14248,7 +15561,7 @@ var Drawer = forwardRef(function Drawer2({
   );
 });
 Drawer.displayName = "Drawer";
-var Dropdown = forwardRef(function Dropdown2({ trigger, items: items2 = [], align = "left", width = 220, className, ...props }, ref) {
+var Dropdown = forwardRef(function Dropdown2({ trigger, items: items2 = [], align = "start", width = 220, className, ...props }, ref) {
   const [open, setOpen] = useState(false);
   const innerRef = useRef(null);
   useEffect(() => {
@@ -14523,6 +15836,7 @@ function ImageViewer({
   closeOnBackdrop = true,
   className
 }) {
+  const { a11y, imageViewer, modal, pagination } = useLocale();
   const gallery = items2 && items2.length > 0 ? items2 : src != null ? [{ src, alt }] : [];
   const [innerIndex, setInnerIndex] = useState(0);
   const idx = index ?? innerIndex;
@@ -14611,20 +15925,20 @@ function ImageViewer({
             ] }),
             /* @__PURE__ */ jsxs("div", { className: "klun-image-viewer__tools", children: [
               zoomable ? /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx("button", { type: "button", className: "klun-image-viewer__btn", "aria-label": "Zoom out", onClick: () => setScale((s) => clampScale(s - 0.25)), children: /* @__PURE__ */ jsx("i", { className: "ri-zoom-out-line" }) }),
+                /* @__PURE__ */ jsx("button", { type: "button", className: "klun-image-viewer__btn", "aria-label": a11y.zoomOut, onClick: () => setScale((s) => clampScale(s - 0.25)), children: /* @__PURE__ */ jsx("i", { className: "ri-zoom-out-line" }) }),
                 /* @__PURE__ */ jsxs("span", { className: "klun-image-viewer__zoom", children: [
                   Math.round(scale * 100),
                   "%"
                 ] }),
-                /* @__PURE__ */ jsx("button", { type: "button", className: "klun-image-viewer__btn", "aria-label": "Zoom in", onClick: () => setScale((s) => clampScale(s + 0.25)), children: /* @__PURE__ */ jsx("i", { className: "ri-zoom-in-line" }) })
+                /* @__PURE__ */ jsx("button", { type: "button", className: "klun-image-viewer__btn", "aria-label": a11y.zoomIn, onClick: () => setScale((s) => clampScale(s + 0.25)), children: /* @__PURE__ */ jsx("i", { className: "ri-zoom-in-line" }) })
               ] }) : null,
-              rotatable ? /* @__PURE__ */ jsx("button", { type: "button", className: "klun-image-viewer__btn", "aria-label": "Rotate", onClick: () => setRot((r) => (r + 90) % 360), children: /* @__PURE__ */ jsx("i", { className: "ri-anticlockwise-line" }) }) : null,
-              /* @__PURE__ */ jsx("button", { type: "button", className: "klun-image-viewer__btn", "aria-label": "Reset", onClick: reset, children: /* @__PURE__ */ jsx("i", { className: "ri-aspect-ratio-line" }) }),
-              onDownload ? /* @__PURE__ */ jsx("button", { type: "button", className: "klun-image-viewer__btn", "aria-label": "Download", onClick: () => onDownload(current, safeIdx), children: /* @__PURE__ */ jsx("i", { className: "ri-download-2-line" }) }) : null,
-              /* @__PURE__ */ jsx("button", { type: "button", className: "klun-image-viewer__btn", "aria-label": "Close", onClick: onClose, children: /* @__PURE__ */ jsx("i", { className: "ri-close-line" }) })
+              rotatable ? /* @__PURE__ */ jsx("button", { type: "button", className: "klun-image-viewer__btn", "aria-label": a11y.rotate, onClick: () => setRot((r) => (r + 90) % 360), children: /* @__PURE__ */ jsx("i", { className: "ri-anticlockwise-line" }) }) : null,
+              /* @__PURE__ */ jsx("button", { type: "button", className: "klun-image-viewer__btn", "aria-label": imageViewer.reset, onClick: reset, children: /* @__PURE__ */ jsx("i", { className: "ri-aspect-ratio-line" }) }),
+              onDownload ? /* @__PURE__ */ jsx("button", { type: "button", className: "klun-image-viewer__btn", "aria-label": imageViewer.download, onClick: () => onDownload(current, safeIdx), children: /* @__PURE__ */ jsx("i", { className: "ri-download-2-line" }) }) : null,
+              /* @__PURE__ */ jsx("button", { type: "button", className: "klun-image-viewer__btn", "aria-label": modal.close, onClick: onClose, children: /* @__PURE__ */ jsx("i", { className: "ri-close-line" }) })
             ] })
           ] }),
-          gallery.length > 1 ? /* @__PURE__ */ jsx("button", { type: "button", className: "klun-image-viewer__nav klun-image-viewer__nav--prev", "aria-label": "Previous", onMouseDown: (e) => e.stopPropagation(), onClick: () => goTo(safeIdx - 1), children: /* @__PURE__ */ jsx("i", { className: "ri-arrow-left-s-line" }) }) : null,
+          gallery.length > 1 ? /* @__PURE__ */ jsx("button", { type: "button", className: "klun-image-viewer__nav klun-image-viewer__nav--prev", "aria-label": pagination.previous, onMouseDown: (e) => e.stopPropagation(), onClick: () => goTo(safeIdx - 1), children: /* @__PURE__ */ jsx("i", { className: "ri-arrow-left-s-line" }) }) : null,
           /* @__PURE__ */ jsx("div", { className: "klun-image-viewer__stage", onMouseDown: (e) => e.stopPropagation(), onWheel, children: /* @__PURE__ */ jsx(
             "img",
             {
@@ -14637,7 +15951,7 @@ function ImageViewer({
               style: { transform: `translate(${pan.x}px, ${pan.y}px) scale(${scale}) rotate(${rot}deg)` }
             }
           ) }),
-          gallery.length > 1 ? /* @__PURE__ */ jsx("button", { type: "button", className: "klun-image-viewer__nav klun-image-viewer__nav--next", "aria-label": "Next", onMouseDown: (e) => e.stopPropagation(), onClick: () => goTo(safeIdx + 1), children: /* @__PURE__ */ jsx("i", { className: "ri-arrow-right-s-line" }) }) : null
+          gallery.length > 1 ? /* @__PURE__ */ jsx("button", { type: "button", className: "klun-image-viewer__nav klun-image-viewer__nav--next", "aria-label": pagination.next, onMouseDown: (e) => e.stopPropagation(), onClick: () => goTo(safeIdx + 1), children: /* @__PURE__ */ jsx("i", { className: "ri-arrow-right-s-line" }) }) : null
         ]
       }
     ),
@@ -14819,6 +16133,6 @@ var Popconfirm = forwardRef(function Popconfirm2({
 });
 Popconfirm.displayName = "Popconfirm";
 
-export { Accordion, ActivityHeatmap, ActorAvatar, Alert, AutoComplete, Avatar, AvatarGroup, Badge, Banner, BorderBeam, Breadcrumb, BulkAction, BulkActionBar, Button, ButtonGroup, CRON_PRESETS, CapabilityBanner, CappedNumberFlow, Card, Carousel, Cascader, CharacterCounter, ChartLegend, ChartTooltip, Checkbox, CheckboxCard, CheckboxGroup, Chip, CircularProgress, CodeViewer, Col, Collapse, ColorDot, ColorPicker, ColorSlider, CommandMenu, CompactNumberFlow, CompactSelect, CompactSelectForInput, ConfigProvider, Confirm, ContentLabel, ContextMenu2 as ContextMenu, CopyButton, CounterInput, CronEditor, CrossRefBadge, CurrencyNumberFlow, DatePicker, DateRangePicker, DateTimePicker, Descriptions, DiffViewer, DigitInput, Divider, DotSphere, Drawer, Dropdown, EmojiPicker, EmptyState, ExpiryCountdown, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldTitle, FileUpload, Flex, Form, FormItem, FormList, Format, GaugeBar, Grid, Hint, HorizontalFilter, HoverCard, HoverCardContent, HoverCardTrigger, ICON_GROUPS, IconPicker, ImageUpload, ImageViewer, InlineInput, InlineSelect, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kanban, Kbd, KeyIcon, LIST_GRID_BOTTOM_CLEARANCE, Label, Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, List, ListGrid, ListGridBody, ListGridCell, ListGridHeader, ListGridHeaderCell, ListGridRow, ListItem, LiveDot, LogViewer, Markdown, Masonry, Menu, Message, Modal, Money, NavigationProgress, Notification, NumberFlow, PageHeader, Pagination, PasswordStrength, Popconfirm, Popover, ProgressBar, QUICK_EMOJIS, QuickEmojiPicker, Radio, RadioCard, RangeSlider, Rating, ReactionBar, RelativeTime, Result, RichEditor, RichEditorToolbar, Row, SegmentedControl, SegmentedProgress, Select, SelectMenu, ShimmerText, Sidebar, Skeleton, Slider, Space, Spinner2 as Spinner, Splitter2 as Splitter, SplitterPanel, StatCard, Statistic, StatusBadge, StatusDot, StepIndicator, Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperNav, StepperPanel, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, Tabs, Tag, Textarea, TimePicker, Timeline, Toast, Toaster, Toggle, Tooltip, Tree, UnicodeSpinner, VirtualTable, Wizard, arSA, buildHeatmapGrid, deDE, describeCron, enUS, esES, fmt, formatAvatarEmoji, frFR, groupReactions, idID, itIT, jaJP, koKR, localTodayIso, locales, nlNL, parseAvatarEmoji, parsePatch, plPL, primaryColorVars, ptBR, renderMarkdown, reorderRows, resolveMove, ruRU, summarizeHeatmap, toast, trTR, useBreakpoint, useConfig, useContextMenu, useForm, useLocale, useMappedSize, useMessage, useNotification, useSize, useStepItem, useStepper, viVN, zhCN, zhTW };
-//# sourceMappingURL=chunk-WONPY7ZX.js.map
-//# sourceMappingURL=chunk-WONPY7ZX.js.map
+export { Accordion, ActivityHeatmap, ActorAvatar, Alert, AutoComplete, Avatar, AvatarGroup, Badge, Banner, BorderBeam, Breadcrumb, BulkAction, BulkActionBar, Button, ButtonGroup, CRON_PRESETS, CapabilityBanner, CappedNumberFlow, Card, Carousel, Cascader, CharacterCounter, ChartLegend, ChartTooltip, Checkbox, CheckboxCard, CheckboxGroup, Chip, CircularProgress, CodeViewer, Col, Collapse, ColorDot, ColorPicker, ColorSlider, CommandMenu, CompactNumberFlow, CompactSelect, CompactSelectForInput, ConfigProvider, Confirm, ContentLabel, ContextMenu2 as ContextMenu, CopyButton, CounterInput, CronEditor, CrossRefBadge, CurrencyNumberFlow, DatePicker, DateRangePicker, DateTimePicker, Descriptions, DiffViewer, DigitInput, Divider, DotSphere, Drawer, Dropdown, EmojiPicker, EmptyState, ExpiryCountdown, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldTitle, FileUpload, Flex, Form, FormItem, FormList, Format, GaugeBar, Grid, Hint, HorizontalFilter, HoverCard, HoverCardContent, HoverCardTrigger, ICON_GROUPS, IconPicker, ImageUpload, ImageViewer, InlineInput, InlineSelect, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kanban, Kbd, KeyIcon, LIST_GRID_BOTTOM_CLEARANCE, Label, Layout, LayoutContent, LayoutFooter, LayoutHeader, LayoutSider, List, ListGrid, ListGridBody, ListGridCell, ListGridHeader, ListGridHeaderCell, ListGridRow, ListItem, LiveDot, LogViewer, Markdown, Masonry, Menu, Message, Modal, Money, NavigationProgress, Notification, NumberFlow, OverlayLayerProvider, PageHeader, Pagination, PasswordStrength, Popconfirm, Popover, ProgressBar, QUICK_EMOJIS, QuickEmojiPicker, Radio, RadioCard, RangeSlider, Rating, ReactionBar, RelativeTime, Result, RichEditor, RichEditorToolbar, Row, SIZE_CONTRACTS, SegmentedControl, SegmentedProgress, Select, SelectMenu, ShimmerText, Sidebar, Skeleton, Slider, Space, Spinner2 as Spinner, Splitter2 as Splitter, SplitterPanel, StatCard, Statistic, StatusBadge, StatusDot, StepIndicator, Stepper, StepperContent, StepperDescription, StepperIndicator, StepperItem, StepperNav, StepperPanel, StepperSeparator, StepperTitle, StepperTrigger, Switch, Table, Tabs, Tag, Textarea, TimePicker, Timeline, Toast, Toaster, Toggle, Tooltip, Tree, UnicodeSpinner, VirtualTable, Wizard, arSA, buildHeatmapGrid, deDE, describeCron, enUS, esES, fmt, formatAvatarEmoji, frFR, groupReactions, idID, itIT, jaJP, koKR, localTodayIso, locales, nlNL, parseAvatarEmoji, parsePatch, plPL, primaryColorVars, ptBR, renderMarkdown, reorderRows, resolveMove, resolveSize, ruRU, summarizeHeatmap, tierOf, toast, trTR, useBreakpoint, useConfig, useContextMenu, useDensity, useForm, useLocale, useMappedSize, useMessage, useNotification, useOverlayLayer, useOverlayScope, useScaleSize, useSize, useStepItem, useStepper, viVN, zhCN, zhTW };
+//# sourceMappingURL=chunk-2S6ZRGPW.js.map
+//# sourceMappingURL=chunk-2S6ZRGPW.js.map