@xleddyl/443-components-vue 0.0.0 → 0.2.0

package/dist/components/templates/SettingsModal.vue.d.ts

@@ -18,7 +18,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     account?: SettingsModalAccount;
     presets?: readonly ThemePreset[] | false;
     title?: string | undefined;
-    closeLabel?: string | undefined;
+    closeLabel?: string;
     navLabel?: string;
     signOutLabel?: string;
     sessionLabel?: string;
@@ -35,15 +35,18 @@ declare const __VLS_base: import("vue").DefineComponent<{
     open?: boolean | undefined;
     section?: string;
     key?: PropertyKey | undefined;
-    size?: import("../overlays/types.ts").ModalSize;
+    loading?: boolean;
+    prefix?: "k-modal" | "k-drawer" | undefined;
+    style?: import("vue").StyleValue;
+    results?: (string | number) | undefined;
+    placeholder?: string | undefined;
     description?: string;
+    size?: import("../overlays/types.ts").ModalSize;
     ref?: import("vue").VNodeRef | undefined;
-    placeholder?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    style?: import("vue").StyleValue;
     onCopy?: ((payload: ClipboardEvent) => void) | undefined;
     onCut?: ((payload: ClipboardEvent) => void) | undefined;
     onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -206,7 +209,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     about?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
-    prefix?: "k-modal" | "k-drawer" | undefined;
     property?: string | undefined;
     resource?: string | undefined;
     typeof?: string | undefined;
@@ -219,7 +221,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     itemtype?: string | undefined;
     itemid?: string | undefined;
     itemref?: string | undefined;
-    results?: (string | number) | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
@@ -227,7 +228,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     exportparts?: string;
     part?: string;
     popover?: import("../../index.ts").PopoverMode | "" | boolean;
-    loading?: boolean;
     onCancel?: ((payload: Event) => void) | undefined;
     onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
@@ -252,7 +252,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     account?: SettingsModalAccount;
     presets?: readonly ThemePreset[] | false;
     title?: string | undefined;
-    closeLabel?: string | undefined;
+    closeLabel?: string;
     navLabel?: string;
     signOutLabel?: string;
     sessionLabel?: string;
@@ -269,15 +269,18 @@ declare const __VLS_base: import("vue").DefineComponent<{
     open?: boolean | undefined;
     section?: string;
     key?: PropertyKey | undefined;
-    size?: import("../overlays/types.ts").ModalSize;
+    loading?: boolean;
+    prefix?: "k-modal" | "k-drawer" | undefined;
+    style?: import("vue").StyleValue;
+    results?: (string | number) | undefined;
+    placeholder?: string | undefined;
     description?: string;
+    size?: import("../overlays/types.ts").ModalSize;
     ref?: import("vue").VNodeRef | undefined;
-    placeholder?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    style?: import("vue").StyleValue;
     onCopy?: ((payload: ClipboardEvent) => void) | undefined;
     onCut?: ((payload: ClipboardEvent) => void) | undefined;
     onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -440,7 +443,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     about?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
-    prefix?: "k-modal" | "k-drawer" | undefined;
     property?: string | undefined;
     resource?: string | undefined;
     typeof?: string | undefined;
@@ -453,7 +455,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     itemtype?: string | undefined;
     itemid?: string | undefined;
     itemref?: string | undefined;
-    results?: (string | number) | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
@@ -461,7 +462,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     exportparts?: string;
     part?: string;
     popover?: import("../../index.ts").PopoverMode | "" | boolean;
-    loading?: boolean;
     onCancel?: ((payload: Event) => void) | undefined;
     onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
@@ -482,22 +482,12 @@ declare const __VLS_base: import("vue").DefineComponent<{
     onAfterLeave?: (() => any) | undefined;
     "onUpdate:section"?: ((value: string | undefined) => any) | undefined;
 }>, {
-    title: string;
-    closeLabel: string;
+    sections: SettingsModalSection[];
     presets: false | readonly ThemePreset[];
     themeLabel: string;
     themeText: string;
     presetLabel: string;
     presetText: string;
-    sections: SettingsModalSection[];
-    navLabel: string;
-    signOutLabel: string;
-    sessionLabel: string;
-    sessionText: string;
-    accountLabel: string;
-    accountText: string;
-    appearanceLabel: string;
-    appearanceText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/templates/SettingsPage.vue

@@ -11,7 +11,7 @@
       </PageHeader>
 
       <div class="k-settings-layout" :class="{ 'has-nav': sections.length > 0 }">
-         <nav v-if="sections.length" class="k-settings-nav" :aria-label="navLabel">
+         <nav v-if="sections.length" class="k-settings-nav" :aria-label="navText">
             <ul role="list" class="k-settings-nav-list">
                <li v-for="item in sections" :key="item.value">
                   <NavLink
@@ -75,6 +75,7 @@
 
 <script setup>
 import { computed, nextTick, useTemplateRef } from "vue";
+import { useLocale } from "../../composables/useLocale";
 import { matchesPath, targetPath, useCurrentPath } from "../../internal/layout/route";
 import Icon from "../core/Icon.vue";
 import NavLink from "../layout/NavLink.vue";
@@ -87,16 +88,18 @@ const props = defineProps({
   breadcrumbs: { type: Array, required: false },
   level: { type: Number, required: false, default: 1 },
   sections: { type: Array, required: false, default: () => [] },
-  navLabel: { type: String, required: false, default: "Settings sections" },
+  navLabel: { type: String, required: false },
   currentPath: { type: String, required: false },
   dirty: { type: Boolean, required: false },
   saving: { type: Boolean, required: false },
   saveBar: { type: Boolean, required: false, default: true },
-  dirtyMessage: { type: String, required: false, default: "You have unsaved changes" },
-  saveLabel: { type: String, required: false, default: "Save changes" },
-  discardLabel: { type: [String, Boolean], required: false, default: "Discard" },
+  dirtyMessage: { type: String, required: false },
+  saveLabel: { type: String, required: false },
+  discardLabel: { type: [String, Boolean], required: false, default: void 0 },
   form: { type: String, required: false }
 });
+const { t } = useLocale();
+const navText = computed(() => props.navLabel ?? t("settings.sections"));
 const emit = defineEmits(["save", "discard"]);
 defineSlots();
 const section = defineModel("section", { type: String });

package/dist/components/templates/SettingsPage.vue.d.ts

@@ -30,13 +30,15 @@ declare const __VLS_base: import("vue").DefineComponent<{
     form?: string;
     section?: string;
     key?: PropertyKey | undefined;
-    ref?: import("vue").VNodeRef | undefined;
+    prefix?: string | undefined | undefined;
+    style?: import("vue").StyleValue;
+    results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    style?: import("vue").StyleValue;
     onCopy?: ((payload: ClipboardEvent) => void) | undefined;
     onCut?: ((payload: ClipboardEvent) => void) | undefined;
     onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -145,7 +147,7 @@ declare const __VLS_base: 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;
@@ -154,7 +156,7 @@ declare const __VLS_base: 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-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
     'aria-labelledby'?: string | undefined | undefined;
@@ -190,7 +192,7 @@ declare const __VLS_base: 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;
     inert?: (boolean | "true" | "false") | undefined;
     spellcheck?: (boolean | "true" | "false") | undefined;
@@ -199,7 +201,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     about?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
-    prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
     resource?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
@@ -212,7 +213,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     itemtype?: string | undefined | undefined;
     itemid?: string | undefined | undefined;
     itemref?: string | undefined | undefined;
-    results?: (string | number) | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
@@ -221,9 +221,9 @@ declare const __VLS_base: import("vue").DefineComponent<{
     part?: string | undefined;
     popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:section": (value: string | undefined) => any;
     save: () => any;
     discard: () => any;
+    "update:section": (value: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<{
     title?: string | undefined;
     description?: string;
@@ -242,13 +242,15 @@ declare const __VLS_base: import("vue").DefineComponent<{
     form?: string;
     section?: string;
     key?: PropertyKey | undefined;
-    ref?: import("vue").VNodeRef | undefined;
+    prefix?: string | undefined | undefined;
+    style?: import("vue").StyleValue;
+    results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    style?: import("vue").StyleValue;
     onCopy?: ((payload: ClipboardEvent) => void) | undefined;
     onCut?: ((payload: ClipboardEvent) => void) | undefined;
     onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -357,7 +359,7 @@ declare const __VLS_base: 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;
@@ -366,7 +368,7 @@ declare const __VLS_base: 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-invalid'?: (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined | undefined;
     'aria-labelledby'?: string | undefined | undefined;
@@ -402,7 +404,7 @@ declare const __VLS_base: 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;
     inert?: (boolean | "true" | "false") | undefined;
     spellcheck?: (boolean | "true" | "false") | undefined;
@@ -411,7 +413,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     about?: string | undefined | undefined;
     datatype?: string | undefined | undefined;
     inlist?: any;
-    prefix?: string | undefined | undefined;
     property?: string | undefined | undefined;
     resource?: string | undefined | undefined;
     typeof?: string | undefined | undefined;
@@ -424,7 +425,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     itemtype?: string | undefined | undefined;
     itemid?: string | undefined | undefined;
     itemref?: string | undefined | undefined;
-    results?: (string | number) | undefined;
     security?: string | undefined | undefined;
     unselectable?: "on" | "off" | undefined | undefined;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
@@ -433,17 +433,14 @@ declare const __VLS_base: import("vue").DefineComponent<{
     part?: string | undefined;
     popover?: (import("../../index.ts").PopoverMode | "" | boolean) | undefined;
 }> & Readonly<{
-    "onUpdate:section"?: ((value: string | undefined) => any) | undefined;
     onSave?: (() => any) | undefined;
     onDiscard?: (() => any) | undefined;
+    "onUpdate:section"?: ((value: string | undefined) => any) | undefined;
 }>, {
-    level: HeadingLevel;
+    saveBar: boolean;
     sections: SettingsNavItem[];
-    navLabel: string;
-    dirtyMessage: string;
-    saveLabel: string;
+    level: HeadingLevel;
     discardLabel: string | false;
-    saveBar: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/templates/SettingsSection.vue

@@ -24,7 +24,7 @@
                   :loading="saving"
                   :disabled="saveDisabled"
                   @click="form ? void 0 : emit('save')"
-                  >{{ saveLabel }}</Button
+                  >{{ saveText }}</Button
                >
             </slot>
          </div>
@@ -33,9 +33,11 @@
 </template>
 
 <script setup>
+import { computed } from "vue";
+import { useLocale } from "../../composables/useLocale";
 import Button from "../core/Button.vue";
 import Card from "../layout/Card.vue";
-defineProps({
+const props = defineProps({
   title: { type: String, required: false },
   description: { type: String, required: false },
   icon: { type: null, required: false },
@@ -43,9 +45,11 @@ defineProps({
   saveable: { type: Boolean, required: false },
   saving: { type: Boolean, required: false },
   saveDisabled: { type: Boolean, required: false },
-  saveLabel: { type: String, required: false, default: "Save" },
+  saveLabel: { type: String, required: false },
   form: { type: String, required: false },
   level: { type: Number, required: false, default: 2 }
 });
+const { t } = useLocale();
+const saveText = computed(() => props.saveLabel ?? t("common.save"));
 const emit = defineEmits(["save"]);
 </script>

package/dist/components/templates/SettingsSection.vue.d.ts

@@ -22,16 +22,18 @@ declare const __VLS_base: import("vue").DefineComponent<{
     form?: string;
     level?: HeadingLevel;
     key?: PropertyKey | undefined;
+    prefix?: string | undefined;
+    style?: import("vue").StyleValue;
+    results?: (string | number) | undefined;
+    placeholder?: string | undefined;
     bind?: Record<string, unknown>;
     type?: string | undefined;
     ref?: import("vue").VNodeRef | undefined;
-    placeholder?: string | undefined;
     target?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    style?: import("vue").StyleValue;
     onCopy?: ((payload: ClipboardEvent) => void) | undefined;
     onCut?: ((payload: ClipboardEvent) => void) | undefined;
     onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -197,7 +199,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     about?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
-    prefix?: string | undefined;
     property?: string | undefined;
     resource?: string | undefined;
     typeof?: string | undefined;
@@ -210,7 +211,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     itemtype?: string | undefined;
     itemid?: string | undefined;
     itemref?: string | undefined;
-    results?: (string | number) | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
@@ -247,16 +247,18 @@ declare const __VLS_base: import("vue").DefineComponent<{
     form?: string;
     level?: HeadingLevel;
     key?: PropertyKey | undefined;
+    prefix?: string | undefined;
+    style?: import("vue").StyleValue;
+    results?: (string | number) | undefined;
+    placeholder?: string | undefined;
     bind?: Record<string, unknown>;
     type?: string | undefined;
     ref?: import("vue").VNodeRef | undefined;
-    placeholder?: string | undefined;
     target?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
-    style?: import("vue").StyleValue;
     onCopy?: ((payload: ClipboardEvent) => void) | undefined;
     onCut?: ((payload: ClipboardEvent) => void) | undefined;
     onPaste?: ((payload: ClipboardEvent) => void) | undefined;
@@ -422,7 +424,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     about?: string | undefined;
     datatype?: string | undefined;
     inlist?: any;
-    prefix?: string | undefined;
     property?: string | undefined;
     resource?: string | undefined;
     typeof?: string | undefined;
@@ -435,7 +436,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     itemtype?: string | undefined;
     itemid?: string | undefined;
     itemref?: string | undefined;
-    results?: (string | number) | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
     inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
@@ -462,7 +462,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     onSave?: (() => any) | undefined;
 }>, {
     level: HeadingLevel;
-    saveLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/composables/core.d.ts

@@ -5,3 +5,4 @@ export * from './useIcons';
 export * from './useLink';
 export * from './useTheme';
 export * from './usePreset';
+export * from './useLocale';

package/dist/composables/core.mjs

@@ -5,3 +5,4 @@ export * from "./useIcons.mjs";
 export * from "./useLink.mjs";
 export * from "./useTheme.mjs";
 export * from "./usePreset.mjs";
+export * from "./useLocale.mjs";

package/dist/composables/useAlert.mjs

@@ -1,5 +1,7 @@
+import { useLocale } from "./useLocale.mjs";
 import { confirmQueue, hasConfirmHost, nextConfirmId } from "../internal/overlays/confirm.mjs";
 export function useAlert() {
+  const { t } = useLocale();
   return function alert(input = {}) {
     const options = typeof input === "string" ? { description: input } : input;
     if (typeof window === "undefined") return Promise.resolve();
@@ -9,7 +11,7 @@ export function useAlert() {
     }
     return new Promise((resolve) => {
       confirmQueue.push({
-        title: "Heads up",
+        title: t("alert.title"),
         ...options,
         kind: "alert",
         id: nextConfirmId(),

package/dist/composables/useConfirm.mjs

@@ -1,7 +1,8 @@
+import { useLocale } from "./useLocale.mjs";
 import { confirmQueue, hasConfirmHost, nextConfirmId } from "../internal/overlays/confirm.mjs";
-async function nativeConfirm(options) {
+async function nativeConfirm(options, fallback) {
   const message = [options.title, options.description].filter(Boolean).join("\n\n");
-  if (!window.confirm(message || "Are you sure?")) return false;
+  if (!window.confirm(message || fallback)) return false;
   try {
     await options.onConfirm?.();
     return true;
@@ -10,10 +11,11 @@ async function nativeConfirm(options) {
   }
 }
 export function useConfirm() {
+  const { t } = useLocale();
   return function confirm(input = {}) {
     const options = typeof input === "string" ? { description: input } : input;
     if (typeof window === "undefined") return Promise.resolve(false);
-    if (!hasConfirmHost()) return nativeConfirm(options);
+    if (!hasConfirmHost()) return nativeConfirm(options, t("common.areYouSure"));
     return new Promise((resolve) => {
       confirmQueue.push({ ...options, kind: "confirm", id: nextConfirmId(), resolve });
     });

package/dist/composables/useDirtyGuard.mjs

@@ -1,8 +1,10 @@
 import { onBeforeUnmount, onMounted, toValue } from "vue";
 import { useRouterLike } from "../internal/layout/route.mjs";
+import { useLocale } from "./useLocale.mjs";
 import { useConfirm } from "./useConfirm.mjs";
 export function useDirtyGuard(dirty, options = {}) {
   const confirm = useConfirm();
+  const { t } = useLocale();
   const router = useRouterLike();
   let bypass = false;
   let removeGuard;
@@ -14,12 +16,12 @@ export function useDirtyGuard(dirty, options = {}) {
   function confirmLeave() {
     if (!isBlocking()) return Promise.resolve(true);
     return confirm({
-      title: "Discard unsaved changes?",
-      description: "The changes you made on this page will be lost.",
-      confirmLabel: "Discard changes",
-      cancelLabel: "Keep editing",
       tone: "danger",
-      ...confirmOptions
+      ...confirmOptions,
+      title: confirmOptions.title ?? t("dirtyGuard.title"),
+      description: confirmOptions.description ?? t("dirtyGuard.description"),
+      confirmLabel: confirmOptions.confirmLabel ?? t("dirtyGuard.confirm"),
+      cancelLabel: confirmOptions.cancelLabel ?? t("dirtyGuard.cancel")
     });
   }
   function allowNext() {

package/dist/composables/useForm.d.ts

@@ -1,4 +1,6 @@
 import type { ComputedRef, Ref, UnwrapRef } from 'vue';
+import type { StandardSchemaV1 } from '../internal/forms/standard-schema';
+export type { StandardSchemaIssue, StandardSchemaResult, StandardSchemaV1, } from '../internal/forms/standard-schema';
 export type FieldValidationResult = string | undefined | null | boolean;
 export interface FieldDefinition<T = unknown> {
     initial: T | (() => T);
@@ -9,6 +11,7 @@ export interface FieldDefinition<T = unknown> {
     minLength?: number;
     maxLength?: number;
     pattern?: RegExp;
+    schema?: StandardSchemaV1;
     validate?: (value: T, values: Record<string, unknown>) => FieldValidationResult | Promise<FieldValidationResult>;
     messages?: Partial<FormMessages>;
 }
@@ -33,10 +36,10 @@ export interface FormMessages {
     pattern: (context: FormMessageContext) => string;
     invalid: (context: FormMessageContext) => string;
 }
-export declare const defaultFormMessages: FormMessages;
 export type FormValidationTrigger = 'submit' | 'blur' | 'input';
 export interface UseFormOptions<S extends FormSchema> {
     schema: S;
+    validator?: StandardSchemaV1;
     messages?: Partial<FormMessages>;
     validateOn?: FormValidationTrigger;
     onSubmit?: (values: FormValues<S>) => unknown;

package/dist/composables/useForm.mjs

@@ -1,14 +1,18 @@
 import { computed, inject, reactive, ref, watch } from "vue";
+import { issuesByField, runStandardSchema } from "../internal/forms/standard-schema.mjs";
 import { FORM_KEY } from "../internal/keys.mjs";
-export const defaultFormMessages = {
-  required: () => "This field is required",
-  min: ({ min }) => `Must be at least ${min}`,
-  max: ({ max }) => `Must be at most ${max}`,
-  minLength: ({ minLength, value }) => Array.isArray(value) ? `Select at least ${minLength} ${minLength === 1 ? "item" : "items"}` : `Must be at least ${minLength} ${minLength === 1 ? "character" : "characters"}`,
-  maxLength: ({ maxLength, value }) => Array.isArray(value) ? `Select at most ${maxLength} ${maxLength === 1 ? "item" : "items"}` : `Must be at most ${maxLength} ${maxLength === 1 ? "character" : "characters"}`,
-  pattern: () => "Invalid format",
-  invalid: () => "Invalid value"
-};
+import { useLocale } from "./useLocale.mjs";
+function localeFormMessages(t) {
+  return {
+    required: () => t("form.required"),
+    min: ({ min }) => t("form.min", { min: min ?? "" }),
+    max: ({ max }) => t("form.max", { max: max ?? "" }),
+    minLength: ({ minLength = 0, value }) => t(Array.isArray(value) ? "form.minItems" : "form.minLength", { count: minLength }),
+    maxLength: ({ maxLength = 0, value }) => t(Array.isArray(value) ? "form.maxItems" : "form.maxLength", { count: maxLength }),
+    pattern: () => t("form.pattern"),
+    invalid: () => t("form.invalid")
+  };
+}
 export function isEmptyValue(value) {
   if (value === null || value === void 0) return true;
   if (typeof value === "string") return value.trim() === "";
@@ -53,7 +57,8 @@ function measure(value) {
 export function useForm(options) {
   const { schema } = options;
   const names = Object.keys(schema);
-  const messages = { ...defaultFormMessages, ...options.messages };
+  const { t } = useLocale();
+  const messages = computed(() => ({ ...localeFormMessages(t), ...options.messages }));
   const validateOn = options.validateOn ?? "submit";
   const initialValues = () => Object.fromEntries(names.map((name) => [name, resolveInitial(schema[name])]));
   let baseline = initialValues();
@@ -72,10 +77,14 @@ export function useForm(options) {
   });
   const dirty = computed(() => dirtyFields.value.length > 0);
   const valid = computed(() => names.every((name) => !errors[name]));
-  async function runRules(name) {
+  async function runValidator() {
+    if (!options.validator) return {};
+    return issuesByField(await runStandardSchema(options.validator, cloneValue(values)));
+  }
+  async function runRules(name, formIssues) {
     const definition = schema[name];
     const value = readValue(name);
-    const fieldMessages = { ...messages, ...definition.messages };
+    const fieldMessages = { ...messages.value, ...definition.messages };
     const context = {
       label: definition.label,
       value,
@@ -110,15 +119,23 @@ export function useForm(options) {
       if (typeof result === "string" && result) return result;
       if (result === false) return fieldMessages.invalid(context);
     }
-    return void 0;
+    if (definition.schema) {
+      const issues = await runStandardSchema(definition.schema, value);
+      if (issues.length) return issues[0].message || fieldMessages.invalid(context);
+    }
+    return formIssues[name];
   }
-  async function validateField(name) {
-    const message = await runRules(name);
+  async function applyField(name, formIssues) {
+    const message = await runRules(name, formIssues);
     errors[name] = message;
     return !message;
   }
+  async function validateField(name) {
+    return applyField(name, await runValidator());
+  }
   async function validate() {
-    const results = await Promise.all(names.map(validateField));
+    const formIssues = await runValidator();
+    const results = await Promise.all(names.map((name) => applyField(name, formIssues)));
     return results.every(Boolean);
   }
   function setError(name, message) {

package/dist/composables/useIcons.d.ts

@@ -1,5 +1,7 @@
 import type { App, Component } from 'vue';
 import type { BuiltinIconName } from '../icons/builtin';
+export { hasIconCollection, loadIconCollection, registerIconCollection, setDefaultIconCollection, } from '../icons/collections';
+export type { IconCollectionSource, IconifyCollection, IconifyIcon } from '../icons/collections';
 export type IconSource = Component | string;
 export type IconRegistry = Readonly<Record<string, IconSource>>;
 export type IconName = BuiltinIconName | (string & {});
@@ -16,6 +18,8 @@ export type ResolvedIcon = {
 } | {
     kind: 'svg';
     svg: ParsedSvg;
+} | {
+    kind: 'pending';
 };
 export declare function isBuiltinIcon(name: string): name is BuiltinIconName;
 export declare function resolveIcon(name: string, registry: IconRegistry | null): ResolvedIcon | null;