@xleddyl/443-components-vue 0.5.0 → 0.6.2

package/dist/internal/overlays/MenuList.vue.d.ts

@@ -1,8 +1,8 @@
 import type { MenuItem, MenuItems } from '../../components/overlays/types';
+import type { MenuFocusTarget } from './menu';
 import type { AnchorTarget, Placement } from '../floating/position';
-type FocusTarget = 'first' | 'last' | 'menu' | 'none';
-declare function show(focus?: FocusTarget, source?: HTMLElement | null): void;
-declare function setPendingFocus(focus: FocusTarget): void;
+declare function show(focus?: MenuFocusTarget, source?: HTMLElement | null): void;
+declare function setPendingFocus(focus: MenuFocusTarget): void;
 declare const __VLS_export: import("vue").DefineComponent<{
     items: MenuItems;
     anchor: () => AnchorTarget | null | undefined;
@@ -19,6 +19,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -172,7 +173,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     accesskey?: string | undefined | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextmenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;
@@ -206,7 +206,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
 }, {
     show: typeof show;
     hide: () => void;
-    toggle: (focus?: FocusTarget, source?: HTMLElement | null) => void;
+    toggle: (focus?: MenuFocusTarget, source?: HTMLElement | null) => void;
     setPendingFocus: typeof setPendingFocus;
     reposition: () => void;
     isOpen: import("vue").Ref<boolean, boolean>;
@@ -230,6 +230,7 @@ declare const __VLS_export: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -383,7 +384,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     accesskey?: string | undefined | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextmenu?: string | undefined | undefined;
-    dir?: string | undefined | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
     enterKeyHint?: "search" | "done" | "previous" | "next" | "enter" | "go" | "send" | undefined;

package/dist/internal/overlays/OverlayView.vue

@@ -4,6 +4,7 @@
       v-model:open="entry.open"
       :title="entry.options.title"
       :description="entry.options.description"
+      :label="entry.options.label"
       :side="entry.options.side"
       :size="entry.options.size"
       :dismissible="entry.options.dismissible ?? true"
@@ -22,6 +23,7 @@
       v-model:open="entry.open"
       :title="entry.options.title"
       :description="entry.options.description"
+      :label="entry.options.label"
       :size="entry.options.size"
       :sheet="entry.options.sheet"
       :dismissible="entry.options.dismissible ?? true"

package/dist/internal/overlays/OverlayView.vue.d.ts

@@ -4,12 +4,14 @@ declare const __VLS_export: import("vue").DefineComponent<{
     key?: PropertyKey | undefined;
     loading?: boolean;
     prefix?: "k-modal" | "k-drawer" | undefined;
+    label?: string;
     title?: string | undefined;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     description?: string;
     size?: "sm" | "md" | "lg" | "xl" | "full" | undefined;
+    dir?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -165,7 +167,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     accesskey?: string | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextmenu?: string | undefined;
-    dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     enterKeyHint?: import("vue").HTMLAttributes["enterkeyhint"];
@@ -205,14 +206,14 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    flush?: boolean;
     onCancel?: ((payload: Event) => void) | undefined;
     side?: import("../../index.ts").DrawerSide;
-    flush?: boolean;
     sheet?: boolean;
     onOpen?: ((() => any) & (() => any)) | undefined;
+    closeLabel?: string;
     rootClass?: unknown;
     hideClose?: boolean;
-    closeLabel?: string;
     beforeClose?: import("../../index.ts").DialogBeforeClose;
     closedby?: import("../../index.ts").DialogClosedBy;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -224,12 +225,14 @@ declare const __VLS_export: import("vue").DefineComponent<{
     key?: PropertyKey | undefined;
     loading?: boolean;
     prefix?: "k-modal" | "k-drawer" | undefined;
+    label?: string;
     title?: string | undefined;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     description?: string;
     size?: "sm" | "md" | "lg" | "xl" | "full" | undefined;
+    dir?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -385,7 +388,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     accesskey?: string | undefined;
     contenteditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
     contextmenu?: string | undefined;
-    dir?: string | undefined;
     draggable?: (boolean | "true" | "false") | undefined;
     enterkeyhint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
     enterKeyHint?: import("vue").HTMLAttributes["enterkeyhint"];
@@ -425,14 +427,14 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    flush?: boolean;
     onCancel?: ((payload: Event) => void) | undefined;
     side?: import("../../index.ts").DrawerSide;
-    flush?: boolean;
     sheet?: boolean;
     onOpen?: ((() => any) & (() => any)) | undefined;
+    closeLabel?: string;
     rootClass?: unknown;
     hideClose?: boolean;
-    closeLabel?: string;
     beforeClose?: import("../../index.ts").DialogBeforeClose;
     closedby?: import("../../index.ts").DialogClosedBy;
 }> & Readonly<{

package/dist/internal/overlays/confirm.d.ts

@@ -53,6 +53,11 @@ export interface PromptRequest extends DialogRequestBase, PromptOptions {
 export type DialogRequest = ConfirmRequest | AlertRequest | PromptRequest;
 export declare const confirmQueue: import("vue").ShallowReactive<DialogRequest[]>;
 export declare function hasConfirmHost(): boolean;
-export declare function nextConfirmId(): number;
+type NewRequest<R> = R extends DialogRequest ? Omit<R, 'id'> : never;
+export declare function enqueueDialog(request: NewRequest<DialogRequest>): void;
+export declare function nativeDialogMessage(options: {
+    title?: string;
+    description?: string;
+}): string;
 export declare function cancelRequest(request: DialogRequest): void;
 export {};

package/dist/internal/overlays/confirm.mjs

@@ -5,9 +5,12 @@ let counter = 0;
 export function hasConfirmHost() {
   return hasHost("confirm");
 }
-export function nextConfirmId() {
+export function enqueueDialog(request) {
   counter += 1;
-  return counter;
+  confirmQueue.push({ ...request, id: counter });
+}
+export function nativeDialogMessage(options) {
+  return [options.title, options.description].filter(Boolean).join("\n\n");
 }
 export function cancelRequest(request) {
   if (request.kind === "confirm") request.resolve(false);

package/dist/internal/overlays/dialog.d.ts

@@ -1,6 +1,7 @@
 import type { Ref } from 'vue';
 import type { DialogBeforeClose, DialogCloseReason } from '../../components/overlays/types';
 export declare const modalStack: import("vue").ShallowReactive<HTMLDialogElement[]>;
+export declare function releaseModal(dialog: HTMLDialogElement | null | undefined): void;
 export interface ModalDialogOptions {
     dialog: Readonly<Ref<HTMLDialogElement | null | undefined>>;
     panel: Readonly<Ref<HTMLElement | null | undefined>>;

package/dist/internal/overlays/dialog.mjs

@@ -1,8 +1,9 @@
 import { nextTick, onBeforeUnmount, onMounted, ref, shallowReactive, watch } from "vue";
 import { useScrollLock } from "../../composables/useScrollLock.mjs";
+import { activeElement, hasFocusWithin, isFocusLost } from "../core/focus.mjs";
 import { waitForAnimations } from "../floating/support.mjs";
 export const modalStack = shallowReactive([]);
-function release(dialog) {
+export function releaseModal(dialog) {
   const index = dialog ? modalStack.indexOf(dialog) : -1;
   if (index !== -1) modalStack.splice(index, 1);
 }
@@ -46,14 +47,14 @@ export function useModalDialog(options) {
     const dialog = options.dialog.value;
     if (!dialog || !options.open.value) return;
     if (dialog.open) return;
-    returnTarget = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+    returnTarget = activeElement();
     try {
       dialog.showModal();
     } catch {
       dialog.setAttribute("open", "");
     }
     scrollLock.lock();
-    release(dialog);
+    releaseModal(dialog);
     modalStack.push(dialog);
     if (!dialog.querySelector("[autofocus]")) options.panel.value?.focus({ preventScroll: true });
     options.onOpen?.();
@@ -65,14 +66,13 @@ export function useModalDialog(options) {
       present.value = false;
       return;
     }
-    const active = document.activeElement;
-    const focusInside = active instanceof Node && dialog.contains(active);
-    release(dialog);
+    const focusInside = hasFocusWithin(dialog);
+    releaseModal(dialog);
     if (dialog.open) dialog.close();
     const target = returnTarget;
     returnTarget = null;
-    const lost = focusInside || !document.activeElement || document.activeElement === document.body || dialog.contains(document.activeElement);
-    if (lost && target?.isConnected) target.focus({ preventScroll: true });
+    if ((focusInside || isFocusLost(dialog)) && target?.isConnected)
+      target.focus({ preventScroll: true });
     options.onClose?.();
     waitForAnimations(dialog).then(() => {
       if (options.open.value) return;
@@ -86,7 +86,7 @@ export function useModalDialog(options) {
   });
   onBeforeUnmount(() => {
     const dialog = options.dialog.value;
-    release(dialog);
+    releaseModal(dialog);
     if (dialog?.open) dialog.close();
     if (returnTarget?.isConnected) returnTarget.focus({ preventScroll: true });
   });

package/dist/internal/overlays/hover.d.ts

@@ -9,6 +9,7 @@ export interface HoverTriggerOptions {
     closeDelay: () => number;
     enabled: () => boolean;
     warmup?: boolean;
+    touch?: boolean;
 }
 export declare function useHoverTrigger(options: HoverTriggerOptions): {
     scheduleOpen: () => void;

package/dist/internal/overlays/hover.mjs

@@ -1,4 +1,5 @@
 import { onBeforeUnmount, watch } from "vue";
+import { isClient } from "../core/env.mjs";
 let lastClosedAt = 0;
 const WARM_WINDOW = 400;
 export function useHoverTrigger(options) {
@@ -51,9 +52,24 @@ export function useHoverTrigger(options) {
     if (next && (attached?.contains(next) || attachedFloating?.contains(next))) return;
     scheduleClose();
   }
-  function onPointerDown() {
+  let suppressClick = false;
+  function onPointerDown(event) {
+    if (options.touch && event.pointerType === "touch" && !options.isOpen.value) {
+      if (!options.enabled()) return;
+      clearTimers();
+      suppressClick = true;
+      setTimeout(() => suppressClick = false, 800);
+      options.show();
+      return;
+    }
     scheduleClose(true);
   }
+  function onClick(event) {
+    if (!suppressClick) return;
+    suppressClick = false;
+    event.preventDefault();
+    event.stopPropagation();
+  }
   function onKeydown(event) {
     if (event.key !== "Escape" || !options.isOpen.value) return;
     event.preventDefault();
@@ -69,6 +85,7 @@ export function useHoverTrigger(options) {
     element.addEventListener("focusin", onFocusIn);
     element.addEventListener("focusout", onFocusOut);
     element.addEventListener("pointerdown", onPointerDown);
+    element.addEventListener("click", onClick, true);
     element.addEventListener("keydown", onKeydown);
   }
   function detach(element) {
@@ -77,6 +94,7 @@ export function useHoverTrigger(options) {
     element.removeEventListener("focusin", onFocusIn);
     element.removeEventListener("focusout", onFocusOut);
     element.removeEventListener("pointerdown", onPointerDown);
+    element.removeEventListener("click", onClick, true);
     element.removeEventListener("keydown", onKeydown);
   }
   function attachFloating(element) {
@@ -122,8 +140,7 @@ export function useHoverTrigger(options) {
     clearTimers();
     if (attached) detach(attached);
     if (attachedFloating) detachFloating(attachedFloating);
-    if (typeof document !== "undefined")
-      document.removeEventListener("keydown", onDocumentKeydown);
+    if (isClient()) document.removeEventListener("keydown", onDocumentKeydown);
   });
   return { scheduleOpen, scheduleClose, clearTimers };
 }

package/dist/internal/overlays/menu.d.ts

@@ -3,3 +3,12 @@ export interface MenuRootContext {
     close: () => void;
 }
 export declare const MENU_ROOT_KEY: InjectionKey<MenuRootContext>;
+export type MenuFocusTarget = 'first' | 'last' | 'menu' | 'none';
+export interface MenuHandle {
+    show: (focus?: MenuFocusTarget, source?: HTMLElement | null) => void;
+    setPendingFocus: (focus: MenuFocusTarget) => void;
+}
+export declare function menuTriggerHandlers(menu: () => MenuHandle | null | undefined, source: () => HTMLElement | null | undefined, firstKeys?: readonly string[]): {
+    onKeydown: (event: KeyboardEvent) => void;
+    onPointerDown: (event: PointerEvent) => void;
+};

package/dist/internal/overlays/menu.mjs

@@ -1 +1,16 @@
 export const MENU_ROOT_KEY = Symbol("k-menu-root");
+export function menuTriggerHandlers(menu, source, firstKeys = ["ArrowDown"]) {
+  function onKeydown(event) {
+    const focus = firstKeys.includes(event.key) ? "first" : event.key === "ArrowUp" ? "last" : void 0;
+    if (focus) {
+      event.preventDefault();
+      menu()?.show(focus, source());
+      return;
+    }
+    if (event.key === "Enter" || event.key === " ") menu()?.setPendingFocus("first");
+  }
+  function onPointerDown(event) {
+    menu()?.setPendingFocus(event.pointerType === "mouse" ? "menu" : "first");
+  }
+  return { onKeydown, onPointerDown };
+}

package/dist/internal/overlays/stack.d.ts

@@ -5,6 +5,7 @@ export interface OverlayOptions {
     as?: OverlayKind;
     title?: string;
     description?: string;
+    label?: string;
     size?: ModalSize | DrawerSize;
     side?: DrawerSide;
     sheet?: boolean;

package/dist/locale/en.mjs

@@ -23,7 +23,12 @@ export const en = {
       retry: "Try again",
       unsavedChanges: "Unsaved changes",
       somethingWentWrong: "Something went wrong",
-      selected: "{count} selected"
+      selected: "{count} selected",
+      removeItem: "Remove {label}",
+      opensInNewTab: "(opens in a new tab)",
+      copyFailed: "Could not copy",
+      readonly: "Read only",
+      empty: "Empty"
     },
     form: {
       required: "This field is required",
@@ -34,7 +39,8 @@ export const en = {
       minItems: "Select at least {count} item | Select at least {count} items",
       maxItems: "Select at most {count} item | Select at most {count} items",
       pattern: "Invalid format",
-      invalid: "Invalid value"
+      invalid: "Invalid value",
+      requiredHint: "(required)"
     },
     editor: {
       bold: "Bold",
@@ -52,7 +58,9 @@ export const en = {
       linkUrl: "Link URL",
       applyLink: "Apply",
       removeLink: "Remove link",
-      characters: "{count} character | {count} characters"
+      characters: "{count} character | {count} characters",
+      limit: "{count} of {max} characters",
+      limitReached: "Character limit reached"
     },
     grid: {
       noRows: "No rows to show",
@@ -70,7 +78,20 @@ export const en = {
       selected: "{count} selected",
       copied: "Copied to clipboard",
       yes: "Yes",
-      no: "No"
+      no: "No",
+      label: "Data grid",
+      rowCount: "No rows | {count} row | {count} rows",
+      checked: "checked",
+      unchecked: "not checked",
+      indeterminate: "partially checked",
+      selectRowHint: "Press Space to select this row",
+      deselectRowHint: "Press Space to deselect this row",
+      toggleRowHint: "Press Space to select or deselect the row",
+      rowSelectionDisabled: "This row cannot be selected",
+      selectAllHint: "Press Space to select or deselect all rows",
+      selectAllRows: "Select all rows",
+      sortHint: "Press Enter to sort",
+      tooltip: "Tooltip"
     },
     account: {
       label: "Account"
@@ -95,22 +116,26 @@ export const en = {
       offline: "offline"
     },
     avatarGroup: {
-      more: "more"
+      more: "{count} more"
     },
     breadcrumbs: {
       label: "Breadcrumb"
     },
     calendar: {
       previousMonth: "Previous month",
-      nextMonth: "Next month"
+      nextMonth: "Next month",
+      rangeStart: "range start",
+      rangeEnd: "range end"
     },
     chart: {
       empty: "No data to show",
-      loading: "Loading chart"
+      loading: "Loading chart",
+      legend: "Legend"
     },
     colorInput: {
       pick: "Pick a color",
-      swatches: "Preset colors"
+      swatches: "Preset colors",
+      invalid: "Enter a hex color like #3366ff"
     },
     combobox: {
       clear: "Clear selection",
@@ -144,7 +169,8 @@ export const en = {
       placeholder: "Pick a date",
       clear: "Clear date",
       dialog: "Choose date",
-      range: "{start} to {end}"
+      range: "{start} to {end}",
+      rangePending: "{start} - ..."
     },
     descriptionList: {
       empty: "Not set"
@@ -192,7 +218,8 @@ export const en = {
       mixedTitle: "Drop files or folders here or click to browse",
       browseDirectory: "Upload a folder",
       loading: "Uploading",
-      added: "{count} file added | {count} files added"
+      added: "{count} file added | {count} files added",
+      rejected: "{count} file was not accepted | {count} files were not accepted"
     },
     filterPills: {
       label: "Filters"
@@ -201,7 +228,8 @@ export const en = {
       toolbar: "Filter results",
       emptyTitle: "Nothing here yet",
       noResultsDescription: "Try a different search or clear the filters.",
-      clearFilters: "Clear filters"
+      clearFilters: "Clear filters",
+      results: "No results | {count} result | {count} results"
     },
     numberInput: {
       increase: "Increase",
@@ -209,7 +237,7 @@ export const en = {
     },
     pagination: {
       label: "Pagination",
-      page: "Page",
+      page: "Page {page}",
       previous: "Previous page",
       next: "Next page",
       pageSize: "Rows per page",
@@ -266,18 +294,25 @@ export const en = {
       sidebar: "Sidebar",
       openNavigation: "Open navigation",
       skipToContent: "Skip to content",
-      main: "Main",
-      collapse: "Collapse sidebar",
-      expand: "Expand sidebar"
+      main: "Primary",
+      closeNavigation: "Close navigation",
+      navigation: "Navigation"
     },
     stat: {
       increased: "Increased by",
-      decreased: "Decreased by"
+      decreased: "Decreased by",
+      favorable: "favorable",
+      unfavorable: "unfavorable"
     },
     table: {
       selectAll: "Select all rows",
       loading: "Loading rows",
-      selectRow: "Select row {index}"
+      selectRow: "Select row {index}",
+      label: "Table",
+      sortedBy: "Sorted by {column}, {direction}",
+      ascending: "ascending",
+      descending: "descending",
+      sortCleared: "Sorting removed"
     },
     theme: {
       label: "Theme",
@@ -296,7 +331,24 @@ export const en = {
       reorderHint: "Press Alt with the up or down arrow to move",
       reorderNestedHint: "Press Alt with the arrow keys to move: up and down change the position, left and right change the level",
       moved: "{label} moved to position {position} of {count}",
-      movedInto: "{label} moved into {parent}, position {position} of {count}"
+      movedInto: "{label} moved into {parent}, position {position} of {count}",
+      moveUp: "Move {label} up",
+      moveDown: "Move {label} down",
+      indent: "Indent {label}",
+      outdent: "Outdent {label}"
+    },
+    meter: {
+      label: "Meter",
+      valueText: "{value}, {state}",
+      good: "good",
+      fair: "fair",
+      poor: "poor"
+    },
+    tone: {
+      danger: "Error",
+      warning: "Warning",
+      info: "Information",
+      success: "Success"
     }
   }
 };

package/dist/locale/index.d.ts

@@ -11,6 +11,6 @@ export interface DefineLocaleOptions {
     base?: KLocale;
 }
 export declare function defineLocale(options: DefineLocaleOptions): KLocale;
-export declare function resolveBuiltinLocale(code: string | undefined): KLocale;
 export declare function formatLocaleMessage(code: string, template: string, params?: MessageParams): string;
 export declare function translate(locale: KLocale, key: MessageKey, params?: MessageParams): string;
+export declare function translateOr(locale: KLocale, template: string | undefined, key: MessageKey, params?: MessageParams): string;

package/dist/locale/index.mjs

@@ -1,3 +1,4 @@
+import { pluralRules } from "../internal/core/intl.mjs";
 import { formatMessage } from "../internal/core/text.mjs";
 import { en } from "./en.mjs";
 import { it } from "./it.mjs";
@@ -21,19 +22,9 @@ export function defineLocale(options) {
     messages: mergeMessages(base.messages, options.messages)
   };
 }
-export function resolveBuiltinLocale(code) {
-  if (!code) return en;
-  return builtinLocales[code] ?? builtinLocales[code.split("-")[0]] ?? en;
-}
-const pluralRules = /* @__PURE__ */ new Map();
 function pluralForm(code, forms, count) {
   if (forms.length === 3 && count === 0) return forms[0];
-  let rules = pluralRules.get(code);
-  if (!rules) {
-    rules = new Intl.PluralRules(code);
-    pluralRules.set(code, rules);
-  }
-  const one = rules.select(count) === "one";
+  const one = pluralRules(code).select(count) === "one";
   const singular = forms.length === 3 ? forms[1] : forms[0];
   return one ? singular : forms[forms.length - 1];
 }
@@ -48,3 +39,6 @@ export function translate(locale, key, params = {}) {
   const template = locale.messages[group][name] ?? key;
   return formatLocaleMessage(locale.code, template, params);
 }
+export function translateOr(locale, template, key, params = {}) {
+  return template ? formatLocaleMessage(locale.code, template, params) : translate(locale, key, params);
+}