wimui 0.5.2 → 0.6.0

package/dist/i18n/generated/resources.js

@@ -9,11 +9,15 @@ var e = [
 	en: {
 		common: {
 			a11y: {
+				attach_file: "Attach file",
 				back_to_top: "Back to top",
 				breadcrumb: "Breadcrumb",
+				calendar: "Calendar",
 				clear_input: "Clear input",
 				close: "Close",
 				close_menu: "Close menu",
+				cover_art: "Cover art",
+				crop_target: "Image being cropped",
 				data_grid: "Data Grid",
 				delete: "Delete",
 				exit_fullscreen: "Exit Fullscreen",
@@ -24,9 +28,13 @@ var e = [
 				hide_password: "Hide password",
 				items_per_page: "Items per page",
 				jump_to_page: "Jump to page",
+				kanban_board: "Kanban board",
 				left_icon_action: "Perform action",
 				loading: "Loading",
+				move_card: "Move card",
+				move_to_column: "Move to column",
 				mute: "Mute",
+				next_month: "Next month",
 				next_track: "Next track",
 				open_menu: "Open menu",
 				pagination_nav: "Pagination navigation",
@@ -34,6 +42,7 @@ var e = [
 				picture_in_picture: "Picture-in-Picture",
 				play: "Play",
 				playlist: "Playlist",
+				prev_month: "Previous month",
 				resize_panel: "Resize panel",
 				right_icon_action: "Perform action",
 				scroll_progress: "Scroll progress",
@@ -96,6 +105,11 @@ var e = [
 				saved: "Saved",
 				saved_at: "Saved at {{time}}",
 				error: "Failed to save"
+			},
+			dataGrid: {
+				displaying: "Showing {{shown}} of {{total}}",
+				loading_more: "Loading more…",
+				rows_selected: "({{selected}} selected)"
 			}
 		},
 		components: {
@@ -268,11 +282,15 @@ var e = [
 	ja: {
 		common: {
 			a11y: {
+				attach_file: "ファイルを添付",
 				back_to_top: "トップへ戻る",
 				breadcrumb: "パンくずリスト",
+				calendar: "カレンダー",
 				clear_input: "入力をクリア",
 				close: "閉じる",
 				close_menu: "メニューを閉じる",
+				cover_art: "カバー画像",
+				crop_target: "切り抜き対象の画像",
 				data_grid: "データグリッド",
 				delete: "削除",
 				exit_fullscreen: "全画面を終了",
@@ -283,9 +301,13 @@ var e = [
 				hide_password: "パスワードを隠す",
 				items_per_page: "1ページあたりの件数",
 				jump_to_page: "特定のページへ移動",
+				kanban_board: "かんばんボード",
 				left_icon_action: "アクションを実行",
 				loading: "読み込み中",
+				move_card: "カードを移動",
+				move_to_column: "列へ移動",
 				mute: "ミュート",
+				next_month: "翌月",
 				next_track: "次のトラック",
 				open_menu: "メニューを開く",
 				pagination_nav: "ページネーション ナビゲーション",
@@ -293,6 +315,7 @@ var e = [
 				picture_in_picture: "ピクチャーインピクチャー",
 				play: "再生",
 				playlist: "プレイリスト",
+				prev_month: "前月",
 				resize_panel: "パネルのサイズ変更",
 				right_icon_action: "アクションを実行",
 				scroll_progress: "スクロール進捗",
@@ -355,7 +378,12 @@ var e = [
 			sun: "日",
 			thu: "木",
 			tue: "火",
-			wed: "水"
+			wed: "水",
+			dataGrid: {
+				displaying: "{{total}} 件中 {{shown}} 件を表示",
+				loading_more: "さらに読み込み中…",
+				rows_selected: "（{{selected}} 件を選択中）"
+			}
 		},
 		components: {
 			a11y: {
@@ -527,11 +555,15 @@ var e = [
 	pt: {
 		common: {
 			a11y: {
+				attach_file: "Anexar arquivo",
 				back_to_top: "Voltar ao topo",
 				breadcrumb: "Trilha de navegação",
+				calendar: "Calendário",
 				clear_input: "Limpar entrada",
 				close: "Fechar",
 				close_menu: "Fechar menu",
+				cover_art: "Capa",
+				crop_target: "Imagem sendo recortada",
 				data_grid: "Grade de Dados",
 				delete: "Excluir",
 				exit_fullscreen: "Sair da tela cheia",
@@ -542,9 +574,13 @@ var e = [
 				hide_password: "Ocultar senha",
 				items_per_page: "Itens por página",
 				jump_to_page: "Ir para a página",
+				kanban_board: "Quadro Kanban",
 				left_icon_action: "Executar ação",
 				loading: "Carregando",
+				move_card: "Mover cartão",
+				move_to_column: "Mover para a coluna",
 				mute: "Mudo",
+				next_month: "Próximo mês",
 				next_track: "Próxima faixa",
 				open_menu: "Abrir menu",
 				pagination_nav: "Navegação da paginação",
@@ -552,6 +588,7 @@ var e = [
 				picture_in_picture: "Picture-in-Picture",
 				play: "Reproduzir",
 				playlist: "Lista de reprodução",
+				prev_month: "Mês anterior",
 				resize_panel: "Redimensionar painel",
 				right_icon_action: "Executar ação",
 				scroll_progress: "Progresso de rolagem",
@@ -614,7 +651,12 @@ var e = [
 			sun: "Dom",
 			thu: "Qui",
 			tue: "Ter",
-			wed: "Qua"
+			wed: "Qua",
+			dataGrid: {
+				displaying: "Exibindo {{shown}} de {{total}}",
+				loading_more: "Carregando mais…",
+				rows_selected: "({{selected}} selecionados)"
+			}
 		},
 		components: {
 			a11y: {

package/dist/llms-full.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.5.2 — a React 19 component library: 216 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
+**wimui** v0.6.0 — a React 19 component library: 216 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
 
 ## Install & required setup
 
@@ -75,6 +75,8 @@ Single components are judged by state/a11y/token compliance. **Composed screens*
 6. Limit accent color: primary surfaces (solid buttons, emphasis backgrounds) 1–2 per view.
 7. Give demo content real substance (product-context copy, internally consistent numbers/dates/names — active ≤ total, dates not evenly spaced).
 8. Add intentional "wobble": mix in 1–2 incomplete rows (a truncated long name, a missing optional field, an extreme value, an error/unread state) and show non-happy-path states (hover/focus/disabled/error/empty/loading).
+9. Keep the chrome quiet. Breadcrumb, page title, summary line, toolbar and filter bar frame the content; they must not compete with the protagonist. Don't promote a one-line summary to an `Alert`/`Banner`, don't wrap the filter bar in a `Card` (its border doubles up with the data region's), keep primary surfaces out of the chrome, and don't stack a KPI tile row above a table screen. Corollary of 1 and 6, but it is the rule most often broken on admin/list screens — the test is whether the eye lands on the data first.
+10. Check the screen at 390px and 768px before calling it done. The page itself must never scroll sideways (`document.scrollWidth > document.documentElement.clientWidth` is a bug — the usual cause is a group of controls that cannot wrap, e.g. several buttons packed into one `Toolbar.Group`; split them into separate groups). Data tables need their narrow mode turned on (`<DataGrid mobileCard>`) rather than an inner scrollbar: without it columns collapse and a short string like a `Code` lot number breaks one character per line. The switch to cards happens at the `md` container width, so tablets get cards too.
 
 ## Recipes — copy-paste starting points
 
@@ -2087,7 +2089,12 @@ target is already in the past). Not called when baseDate is set.
     - `columns: DataGridColumn<T>[]` (required) — Column definitions
     - `data: T[]` (required) — Row data
     - `rowKey: string | ((record: T) => string)` = "id" — Row key: a field name or a function that derives the key from a record
-    - `loading: boolean` = false — Whether the grid is in a loading state
+    - `loading: boolean | "blocking" | "refresh"` = false — Loading state.
+`true` / `"blocking"` fades the grid and blocks interaction (first load — the
+rows are not there yet, or are about to be replaced wholesale).
+`"refresh"` only announces `aria-busy`: the rows stay readable and usable while
+fresh data is fetched. It deliberately does not dim, because fading the content
+drops secondary text below the AA contrast floor.
     - `striped: boolean` = false — Whether to show striped (zebra) rows
     - `bordered: boolean` = false — Whether to show borders between cells
     - `hoverable: boolean` = true — Whether rows highlight on hover
@@ -2095,7 +2102,7 @@ target is already in the past). Not called when baseDate is set.
     - `height: string | number` — Height of the grid (enables vertical scrolling)
     - `maxHeight: string | number` — Maximum height of the grid (enables vertical scrolling)
     - `emptyMessage: React.ReactNode` — Message or element to display when data is empty
-    - `mobileCard: boolean` = false — Enable mobile card layout
+    - `mobileCard: boolean | "sm" | "md"` = false — Enable the card layout below a container width (`true`/`"sm"` = 576px, `"md"` = 768px)
     - `selection: boolean | SelectionConfig<T>` — Row selection: a boolean shorthand or a full configuration object
     - `selectedRowKeys: string[]` — Selected row keys (used with boolean `selection`)
     - `onSelectionChange: (keys: string[], records: T[]) => void` — Selection change callback (used with boolean `selection`)
@@ -2287,7 +2294,8 @@ target is already in the past). Not called when baseDate is set.
     - `fullWidth: boolean` = false — Whether to take full width of parent
     - `stickyHeader: boolean` = false — Whether the header sticks to the top while scrolling
     - `scrollbar: "default" | "subtle" | "hidden"` = "default" — Scrollbar style of the container
-    - `mobileCard: boolean` = false — Mobile view: Switch to card layout
+    - `mobileCard: boolean | "sm" | "md"` = false — Mobile view: switch to a card layout below a container width.
+`true` / `"sm"` switches under 576px, `"md"` under 768px (the old default).
     - `height: string | number` — Height of the container (enables vertical scrolling)
     - `maxHeight: string | number` — Maximum height of the container (enables vertical scrolling)
     - `containerClassName: string` — Additional class name for the scroll container

package/dist/llms.txt

@@ -4,7 +4,7 @@
 
 ## What this is
 
-**wimui** v0.5.2 — a React 19 component library: 216 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
+**wimui** v0.6.0 — a React 19 component library: 216 documented components across 10 categories, with design tokens, dark mode, i18n (en/ja/pt-BR) and WAI-ARIA compliant a11y. Peer deps: react ^19, react-dom ^19 (plus optional peers for specific components — see package.json).
 
 ## Install & required setup
 
@@ -75,6 +75,8 @@ Single components are judged by state/a11y/token compliance. **Composed screens*
 6. Limit accent color: primary surfaces (solid buttons, emphasis backgrounds) 1–2 per view.
 7. Give demo content real substance (product-context copy, internally consistent numbers/dates/names — active ≤ total, dates not evenly spaced).
 8. Add intentional "wobble": mix in 1–2 incomplete rows (a truncated long name, a missing optional field, an extreme value, an error/unread state) and show non-happy-path states (hover/focus/disabled/error/empty/loading).
+9. Keep the chrome quiet. Breadcrumb, page title, summary line, toolbar and filter bar frame the content; they must not compete with the protagonist. Don't promote a one-line summary to an `Alert`/`Banner`, don't wrap the filter bar in a `Card` (its border doubles up with the data region's), keep primary surfaces out of the chrome, and don't stack a KPI tile row above a table screen. Corollary of 1 and 6, but it is the rule most often broken on admin/list screens — the test is whether the eye lands on the data first.
+10. Check the screen at 390px and 768px before calling it done. The page itself must never scroll sideways (`document.scrollWidth > document.documentElement.clientWidth` is a bug — the usual cause is a group of controls that cannot wrap, e.g. several buttons packed into one `Toolbar.Group`; split them into separate groups). Data tables need their narrow mode turned on (`<DataGrid mobileCard>`) rather than an inner scrollbar: without it columns collapse and a short string like a `Code` lot number breaks one character per line. The switch to cards happens at the `md` container width, so tablets get cards too.
 
 ## Recipes — copy-paste starting points
 

package/dist/locales/en/common.json

@@ -1,7 +1,9 @@
 {
   "a11y": {
+    "attach_file": "Attach file",
     "back_to_top": "Back to top",
     "breadcrumb": "Breadcrumb",
+    "calendar": "Calendar",
     "clear_date": "Clear date",
     "clear_input": "Clear input",
     "clear_selection": "Clear selection",
@@ -10,6 +12,8 @@
     "close_dialog": "Close dialog",
     "close_menu": "Close menu",
     "considerations": "Accessibility",
+    "cover_art": "Cover art",
+    "crop_target": "Image being cropped",
     "data_grid": "Data Grid",
     "delete": "Delete",
     "edit": "Edit",
@@ -23,8 +27,11 @@
     "icon_fallback": "Icon: {{name}}",
     "items_per_page": "Items per page",
     "jump_to_page": "Jump to page",
+    "kanban_board": "Kanban board",
     "left_icon_action": "Perform action",
     "loading": "Loading",
+    "move_card": "Move card",
+    "move_to_column": "Move to column",
     "mute": "Mute",
     "next_month": "Next month",
     "next_slide": "Next slide",
@@ -688,5 +695,10 @@
     "saved": "Saved",
     "saved_at": "Saved at {{time}}",
     "error": "Failed to save"
+  },
+  "dataGrid": {
+    "displaying": "Showing {{shown}} of {{total}}",
+    "loading_more": "Loading more…",
+    "rows_selected": "({{selected}} selected)"
   }
 }

package/dist/locales/ja/common.json

@@ -1,7 +1,9 @@
 {
   "a11y": {
+    "attach_file": "ファイルを添付",
     "back_to_top": "トップへ戻る",
     "breadcrumb": "パンくずリスト",
+    "calendar": "カレンダー",
     "clear_date": "日付をクリア",
     "clear_input": "入力をクリア",
     "clear_selection": "選択をクリア",
@@ -10,6 +12,8 @@
     "close_dialog": "ダイアログを閉じる",
     "close_menu": "メニューを閉じる",
     "considerations": "アクセシビリティ",
+    "cover_art": "カバー画像",
+    "crop_target": "切り抜き対象の画像",
     "data_grid": "データグリッド",
     "delete": "削除",
     "edit": "編集",
@@ -23,8 +27,11 @@
     "icon_fallback": "アイコン: {{name}}",
     "items_per_page": "1ページあたりの件数",
     "jump_to_page": "特定のページへ移動",
+    "kanban_board": "かんばんボード",
     "left_icon_action": "アクションを実行",
     "loading": "読み込み中",
+    "move_card": "カードを移動",
+    "move_to_column": "列へ移動",
     "mute": "ミュート",
     "next_month": "翌月",
     "next_slide": "次のスライド",
@@ -688,5 +695,10 @@
   "upload": "アップロード",
   "username": "ユーザー名",
   "wed": "水",
-  "welcome": "アプリケーションへようこそ"
+  "welcome": "アプリケーションへようこそ",
+  "dataGrid": {
+    "displaying": "{{total}} 件中 {{shown}} 件を表示",
+    "loading_more": "さらに読み込み中…",
+    "rows_selected": "（{{selected}} 件を選択中）"
+  }
 }

package/dist/locales/pt/common.json

@@ -1,7 +1,9 @@
 {
   "a11y": {
+    "attach_file": "Anexar arquivo",
     "back_to_top": "Voltar ao topo",
     "breadcrumb": "Trilha de navegação",
+    "calendar": "Calendário",
     "clear_date": "Limpar data",
     "clear_input": "Limpar entrada",
     "clear_selection": "Limpar seleção",
@@ -10,6 +12,8 @@
     "close_dialog": "Fechar diálogo",
     "close_menu": "Fechar menu",
     "considerations": "Acessibilidade",
+    "cover_art": "Capa",
+    "crop_target": "Imagem sendo recortada",
     "data_grid": "Grade de Dados",
     "delete": "Excluir",
     "edit": "Editar",
@@ -23,8 +27,11 @@
     "icon_fallback": "Ícone: {{name}}",
     "items_per_page": "Itens por página",
     "jump_to_page": "Ir para a página",
+    "kanban_board": "Quadro Kanban",
     "left_icon_action": "Executar ação",
     "loading": "Carregando",
+    "move_card": "Mover cartão",
+    "move_to_column": "Mover para a coluna",
     "mute": "Mudo",
     "next_month": "Próximo mês",
     "next_slide": "Próximo slide",
@@ -688,5 +695,10 @@
   "upload": "Upload",
   "username": "Nome de usuário",
   "wed": "Qua",
-  "welcome": "Bem-vindo ao nosso aplicativo"
+  "welcome": "Bem-vindo ao nosso aplicativo",
+  "dataGrid": {
+    "displaying": "Exibindo {{shown}} de {{total}}",
+    "loading_more": "Carregando mais…",
+    "rows_selected": "({{selected}} selecionados)"
+  }
 }