@xleddyl/443-components-vue 0.0.0 → 0.2.0

package/dist/grid/cells/BadgeCell.vue.d.ts

@@ -10,7 +10,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -56,7 +56,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -65,7 +65,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
@@ -204,7 +204,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -250,7 +250,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -259,7 +259,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;

package/dist/grid/cells/BooleanCell.vue

@@ -8,12 +8,15 @@
 <script setup>
 import { computed } from "vue";
 import Icon from "../../components/core/Icon.vue";
-import { defaultGridMessages } from "../messages";
+import { en } from "../../locale/en";
 const props = defineProps({
   params: { type: Object, required: true }
 });
 const value = computed(() => Boolean(props.params.value));
+const messages = computed(
+  () => props.params.context?.messages ?? en.messages.grid
+);
 const label = computed(
-  () => value.value ? props.params.trueLabel ?? defaultGridMessages.yes : props.params.falseLabel ?? defaultGridMessages.no
+  () => value.value ? props.params.trueLabel ?? messages.value.yes : props.params.falseLabel ?? messages.value.no
 );
 </script>

package/dist/grid/cells/BooleanCell.vue.d.ts

@@ -10,7 +10,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -56,7 +56,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -65,7 +65,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
@@ -204,7 +204,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -250,7 +250,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -259,7 +259,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;

package/dist/grid/cells/DateCell.vue

@@ -15,8 +15,11 @@ const date = computed(() => {
   const parsed = raw instanceof Date ? raw : new Date(raw);
   return Number.isNaN(parsed.getTime()) ? null : parsed;
 });
+const locale = computed(
+  () => props.params.locale ?? props.params.context?.locale
+);
 const formatted = computed(
-  () => date.value ? dateTimeFormat(props.params.locale, props.params.options ?? { dateStyle: "medium" }).format(
+  () => date.value ? dateTimeFormat(locale.value, props.params.options ?? { dateStyle: "medium" }).format(
     date.value
   ) : ""
 );

package/dist/grid/cells/DateCell.vue.d.ts

@@ -11,7 +11,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -57,7 +57,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -66,7 +66,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
@@ -206,7 +206,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -252,7 +252,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -261,7 +261,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;

package/dist/grid/cells/ImageCell.vue.d.ts

@@ -22,7 +22,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -68,7 +68,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -77,7 +77,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
@@ -228,7 +228,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -274,7 +274,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -283,7 +283,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;

package/dist/grid/cells/LinkCell.vue.d.ts

@@ -19,7 +19,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -65,7 +65,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -74,7 +74,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
@@ -222,7 +222,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
-    enterKeyHint?: "search" | "done" | "enter" | "go" | "next" | "previous" | "send" | undefined;
+    enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
     hidden?: "" | (boolean | "true" | "false") | "hidden" | "until-found" | undefined;
     id?: string | undefined | undefined;
     inert?: (boolean | "true" | "false") | undefined;
@@ -268,7 +268,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "location" | "time" | (boolean | "true" | "false") | "page" | "step" | "date" | undefined;
+    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -277,7 +277,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | "tree" | "grid" | undefined;
+    'aria-haspopup'?: "grid" | "tree" | "dialog" | "menu" | (boolean | "true" | "false") | "listbox" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;

package/dist/grid/index.d.ts

@@ -5,7 +5,6 @@ export { default as DateCell } from './cells/DateCell.vue';
 export { default as BadgeCell } from './cells/BadgeCell.vue';
 export { default as ImageCell } from './cells/ImageCell.vue';
 export { default as LinkCell } from './cells/LinkCell.vue';
-export { defaultGridMessages } from './messages';
 export { registerGridModules } from './modules';
 export { createGridTheme } from './theme';
 export type * from './types';

package/dist/grid/index.mjs

@@ -5,6 +5,5 @@ export { default as DateCell } from "./cells/DateCell.vue";
 export { default as BadgeCell } from "./cells/BadgeCell.vue";
 export { default as ImageCell } from "./cells/ImageCell.vue";
 export { default as LinkCell } from "./cells/LinkCell.vue";
-export { defaultGridMessages } from "./messages.mjs";
 export { registerGridModules } from "./modules.mjs";
 export { createGridTheme } from "./theme.mjs";

package/dist/grid/types.d.ts

@@ -1,5 +1,6 @@
 import type { ColDef, GridApi, ICellRendererParams } from 'ag-grid-community';
 import type { Tone } from '../components/core/types';
+import type { KMessages } from '../locale/types';
 export type GridDensity = 'compact' | 'normal' | 'comfortable';
 export type GridSelection = boolean | 'single' | 'multiple';
 export type GridSortDirection = 'asc' | 'desc';
@@ -7,23 +8,10 @@ export interface GridSortChange {
     column: string;
     direction: GridSortDirection;
 }
-export interface GridMessages {
-    noRows: string;
-    loading: string;
-    search: string;
-    clearSearch: string;
-    toolbar: string;
-    columns: string;
-    resetColumns: string;
-    exportCsv: string;
-    rowsPerPage: string;
-    previousPage: string;
-    nextPage: string;
-    pageStatus: string;
-    selected: string;
-    copied: string;
-    yes: string;
-    no: string;
+export type GridMessages = KMessages['grid'];
+export interface GridCellContext {
+    messages: GridMessages;
+    locale: string;
 }
 export type GridColumn<T> = ColDef<T>;
 export interface GridColumnState {

package/dist/icons/collections.d.ts

@@ -0,0 +1,39 @@
+export interface IconifyIcon {
+    body: string;
+    width?: number;
+    height?: number;
+    left?: number;
+    top?: number;
+}
+export interface IconifyCollection {
+    prefix: string;
+    icons: Record<string, IconifyIcon>;
+    aliases?: Record<string, {
+        parent: string;
+    }>;
+    width?: number;
+    height?: number;
+}
+export type IconCollectionSource = IconifyCollection | (() => Promise<IconifyCollection | {
+    default: IconifyCollection;
+}>);
+export interface CollectionSvg {
+    attrs: Record<string, string>;
+    inner: string;
+}
+export type CollectionLookup = {
+    status: 'ready';
+    svg: CollectionSvg;
+} | {
+    status: 'loading';
+} | null;
+export declare function registerIconCollection(prefix: string, source: IconCollectionSource): void;
+export declare function registerIconCollection(collection: IconifyCollection): void;
+export declare function setDefaultIconCollection(prefix: string | undefined): void;
+export declare function hasIconCollection(prefix: string): boolean;
+export declare function loadIconCollection(prefix: string): Promise<void>;
+export declare function splitIconName(name: string): {
+    prefix: string;
+    icon: string;
+} | null;
+export declare function lookupCollectionIcon(name: string): CollectionLookup;

package/dist/icons/collections.mjs

@@ -0,0 +1,67 @@
+import { shallowReactive } from "vue";
+const sources = /* @__PURE__ */ new Map();
+const loaded = shallowReactive(/* @__PURE__ */ new Map());
+const pending = /* @__PURE__ */ new Map();
+const defaults = shallowReactive({ collection: void 0 });
+export function registerIconCollection(input, source) {
+  if (typeof input !== "string") {
+    sources.set(input.prefix, input);
+    loaded.set(input.prefix, input);
+    return;
+  }
+  sources.set(input, source);
+  if (typeof source === "object") loaded.set(input, source);
+}
+export function setDefaultIconCollection(prefix) {
+  defaults.collection = prefix;
+}
+export function hasIconCollection(prefix) {
+  return sources.has(prefix);
+}
+export function loadIconCollection(prefix) {
+  if (loaded.has(prefix)) return Promise.resolve();
+  const existing = pending.get(prefix);
+  if (existing) return existing;
+  const source = sources.get(prefix);
+  if (!source) return Promise.resolve();
+  const task = (async () => {
+    const result = typeof source === "function" ? await source() : source;
+    const collection = "default" in result ? result.default : result;
+    loaded.set(prefix, collection);
+  })().finally(() => pending.delete(prefix));
+  pending.set(prefix, task);
+  return task;
+}
+function findIcon(collection, name, depth = 0) {
+  const icon = collection.icons[name];
+  if (icon) return icon;
+  const alias = collection.aliases?.[name];
+  if (!alias || depth > 4) return void 0;
+  return findIcon(collection, alias.parent, depth + 1);
+}
+export function splitIconName(name) {
+  const index = name.indexOf(":");
+  if (index > 0) return { prefix: name.slice(0, index), icon: name.slice(index + 1) };
+  if (defaults.collection) return { prefix: defaults.collection, icon: name };
+  return null;
+}
+export function lookupCollectionIcon(name) {
+  const parts = splitIconName(name);
+  if (!parts || !sources.has(parts.prefix)) return null;
+  const collection = loaded.get(parts.prefix);
+  if (!collection) {
+    void loadIconCollection(parts.prefix);
+    return { status: "loading" };
+  }
+  const icon = findIcon(collection, parts.icon);
+  if (!icon) return null;
+  const width = icon.width ?? collection.width ?? 16;
+  const height = icon.height ?? collection.height ?? 16;
+  return {
+    status: "ready",
+    svg: {
+      attrs: { viewBox: `${icon.left ?? 0} ${icon.top ?? 0} ${width} ${height}` },
+      inner: icon.body
+    }
+  };
+}

package/dist/index.d.ts

@@ -7,6 +7,9 @@ export * from './components/overlays';
 export * from './components/templates';
 export * from './composables';
 export { builtinIcons } from './icons/builtin';
+export { builtinLocales, defineLocale, en, it } from './locale';
+export type { DefineLocaleOptions } from './locale';
+export type * from './locale/types';
 export type { BuiltinIconName } from './icons/builtin';
-export { FIELD_KEY, FORM_KEY, ICONS_KEY, LINK_KEY, PRESET_KEY, THEME_KEY } from './internal/keys';
+export { FIELD_KEY, FORM_KEY, ICON_USAGE_KEY, ICONS_KEY, LINK_KEY, LOCALE_KEY, PRESET_KEY, THEME_KEY, } from './internal/keys';
 export type * from './types/dom';

package/dist/index.mjs

@@ -7,4 +7,14 @@ export * from "./components/overlays/index.mjs";
 export * from "./components/templates/index.mjs";
 export * from "./composables/index.mjs";
 export { builtinIcons } from "./icons/builtin.mjs";
-export { FIELD_KEY, FORM_KEY, ICONS_KEY, LINK_KEY, PRESET_KEY, THEME_KEY } from "./internal/keys.mjs";
+export { builtinLocales, defineLocale, en, it } from "./locale/index.mjs";
+export {
+  FIELD_KEY,
+  FORM_KEY,
+  ICON_USAGE_KEY,
+  ICONS_KEY,
+  LINK_KEY,
+  LOCALE_KEY,
+  PRESET_KEY,
+  THEME_KEY
+} from "./internal/keys.mjs";

package/dist/internal/feedback/LoadingHost.vue

@@ -8,7 +8,7 @@
          :class="{ 'is-done': phase === 'done' }"
          :style="{ '--k-loading-progress': String(progress) }"
          role="progressbar"
-         :aria-label="label"
+         :aria-label="barLabel"
          :aria-hidden="phase === 'idle' ? 'true' : void 0"
       >
          <span class="k-loading-bar-fill" />
@@ -31,6 +31,7 @@
 <script setup>
 import { computed, nextTick, onBeforeUnmount, ref, useTemplateRef, watch } from "vue";
 import Spinner from "../../components/core/Spinner.vue";
+import { useLocale } from "../../composables/useLocale";
 import { isPopoverOpen, supportsPopover } from "../floating/support";
 import { modalStack } from "../overlays/dialog";
 import { useHostClaim } from "../overlays/host";
@@ -38,8 +39,10 @@ import { loadingTasks } from "./loading";
 const props = defineProps({
   bar: { type: Boolean, required: false, default: true },
   delay: { type: Number, required: false, default: 150 },
-  label: { type: String, required: false, default: "Loading" }
+  label: { type: String, required: false }
 });
+const { t } = useLocale();
+const barLabel = computed(() => props.label ?? t("common.loading"));
 const active = useHostClaim("loading");
 const barRef = useTemplateRef("barRef");
 const screenRef = useTemplateRef("screenRef");
@@ -48,7 +51,7 @@ const progress = ref(0);
 const screenOpen = ref(false);
 const busy = computed(() => loadingTasks.length > 0);
 const blockingTask = computed(() => loadingTasks.find((task) => task.blocking));
-const screenLabel = computed(() => blockingTask.value?.label ?? props.label);
+const screenLabel = computed(() => blockingTask.value?.label ?? barLabel.value);
 let showTimer;
 let trickleTimer;
 let hideTimer;

package/dist/internal/feedback/LoadingHost.vue.d.ts

@@ -4,7 +4,6 @@ type __VLS_Props = {
     label?: string;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    label: string;
     bar: boolean;
     delay: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/internal/forms/files.mjs

@@ -14,7 +14,7 @@ export function matchesAccept(file, accept) {
   });
 }
 const units = ["B", "KB", "MB", "GB", "TB"];
-export function formatBytes(bytes, locale = "en-US") {
+export function formatBytes(bytes, locale) {
   let value = bytes;
   let unit = 0;
   while (value >= 1024 && unit < units.length - 1) {

package/dist/internal/forms/standard-schema.d.ts

@@ -0,0 +1,26 @@
+export interface StandardSchemaIssue {
+    readonly message: string;
+    readonly path?: ReadonlyArray<PropertyKey | {
+        readonly key: PropertyKey;
+    }> | undefined;
+}
+export type StandardSchemaResult<Output> = {
+    readonly value: Output;
+    readonly issues?: undefined;
+} | {
+    readonly issues: ReadonlyArray<StandardSchemaIssue>;
+};
+export interface StandardSchemaV1<Input = unknown, Output = Input> {
+    readonly '~standard': {
+        readonly version: 1;
+        readonly vendor: string;
+        readonly validate: (value: unknown) => StandardSchemaResult<Output> | Promise<StandardSchemaResult<Output>>;
+        readonly types?: {
+            readonly input: Input;
+            readonly output: Output;
+        } | undefined;
+    };
+}
+export declare function isStandardSchema(value: unknown): value is StandardSchemaV1;
+export declare function runStandardSchema(schema: StandardSchemaV1, value: unknown): Promise<readonly StandardSchemaIssue[]>;
+export declare function issuesByField(issues: ReadonlyArray<StandardSchemaIssue>): Record<string, string>;

package/dist/internal/forms/standard-schema.mjs

@@ -0,0 +1,21 @@
+export function isStandardSchema(value) {
+  return typeof value === "object" && value !== null && "~standard" in value;
+}
+function issueField(issue) {
+  const segment = issue.path?.[0];
+  if (segment === void 0) return void 0;
+  const key = typeof segment === "object" ? segment.key : segment;
+  return typeof key === "symbol" ? void 0 : String(key);
+}
+export async function runStandardSchema(schema, value) {
+  const result = await schema["~standard"].validate(value);
+  return result.issues ?? [];
+}
+export function issuesByField(issues) {
+  const errors = {};
+  for (const issue of issues) {
+    const field = issueField(issue);
+    if (field !== void 0 && !(field in errors)) errors[field] = issue.message;
+  }
+  return errors;
+}

package/dist/internal/keys.d.ts

@@ -1,13 +1,16 @@
-import type { Component, InjectionKey, Ref } from 'vue';
+import type { Component, ComputedRef, InjectionKey, Ref } from 'vue';
 import type { FieldContext } from '../composables/useField';
 import type { FormContext } from '../composables/useForm';
 import type { IconRegistry } from '../composables/useIcons';
 import type { ThemePreference } from '../composables/useTheme';
+import type { KLocale } from '../locale/types';
 import type { ThemePreset } from './core/preset-data';
 export declare const ICONS_KEY: InjectionKey<IconRegistry>;
+export declare const ICON_USAGE_KEY: InjectionKey<Set<string>>;
 export declare const THEME_KEY: InjectionKey<Ref<ThemePreference>>;
 export declare const PRESET_KEY: InjectionKey<Ref<ThemePreset>>;
 export declare const LINK_KEY: InjectionKey<Component>;
 export declare const FIELD_KEY: InjectionKey<FieldContext>;
 export declare const ROOT_KEY: InjectionKey<true>;
 export declare const FORM_KEY: InjectionKey<FormContext>;
+export declare const LOCALE_KEY: InjectionKey<ComputedRef<KLocale>>;