@med-o/ui 0.1.0 → 0.3.0

package/dist/index.js

@@ -10,18 +10,337 @@ import { Label, ProgressBar as AriaProgressBar } from "react-aria-components";
 // src/utils/cx.ts
 var cx = (...classes) => classes.filter(Boolean).join(" ");
 
+// src/i18n/I18n.tsx
+import { createContext, useContext } from "react";
+import { useLocale } from "react-aria-components";
+
+// src/i18n/de.ts
+var embed = (title, subject, load, remember) => ({
+  title,
+  body: (provider, to) => `${subject.nominative} von ${provider ?? "einem Drittanbieter"} bereitgestellt. Beim Laden werden Daten wie Ihre IP-Adresse an ${to ?? "den Anbieter"} \xFCbertragen.`,
+  bodyCompact: (provider, company, to) => `Beim Laden ${subject.dativeArticle} werden Daten an ${provider && company && provider !== company ? `${provider} (${company})` : to ?? "einen Drittanbieter"} \xFCbertragen.`,
+  load,
+  remember
+});
+var de = {
+  common: {
+    close: "Schlie\xDFen",
+    cancel: "Abbrechen",
+    back: "Zur\xFCck",
+    more: "Mehr",
+    done: "Fertig",
+    search: "Suche",
+    showResults: "Ergebnisse anzeigen",
+    loading: "Wird geladen",
+    clear: "Eingabe l\xF6schen",
+    clearAll: "Alle entfernen",
+    noResults: "Keine Ergebnisse",
+    noResultsFor: (q) => `Keine Ergebnisse f\xFCr \u201E${q}\u201C`,
+    selected: (name) => `${name}: ausgew\xE4hlt`,
+    removed: (labels) => `${labels.join(", ")} entfernt`,
+    add: (text) => `\u201E${text}\u201C hinzuf\xFCgen`,
+    create: "Erstellen",
+    reset: "Zur\xFCcksetzen",
+    countSelected: (n) => `${n} ausgew\xE4hlt`,
+    selectedValues: "Ausgew\xE4hlt"
+  },
+  keys: { control: "Strg" },
+  accordion: { expandAll: "Alle aufklappen", collapseAll: "Alle zuklappen" },
+  alert: { dismiss: "Ausblenden" },
+  avatar: {
+    status: { online: "online", away: "abwesend", busy: "besch\xE4ftigt", offline: "offline" },
+    unknownPerson: "Unbekannte Person",
+    unknownOrganization: "Unbekannte Organisation",
+    more: (n) => `${n} weitere`
+  },
+  breadcrumbs: { label: "Pfadnavigation", more: (n) => n === 1 ? "1 weitere Ebene anzeigen" : `${n} weitere Ebenen anzeigen` },
+  bulkActionBar: { label: "Sammelaktionen", count: (n) => `${n} ausgew\xE4hlt`, clear: "Auswahl aufheben", more: "Weitere Aktionen" },
+  calendar: {
+    previousMonth: "Vorheriger Monat",
+    nextMonth: "N\xE4chster Monat",
+    previousYear: "Vorheriges Jahr",
+    nextYear: "N\xE4chstes Jahr",
+    previousYears: "Vorherige Jahre",
+    nextYears: "N\xE4chste Jahre",
+    chooseMonth: (title) => `${title} \u2013 Monat und Jahr w\xE4hlen`,
+    chooseYear: (year) => `${year} \u2013 Jahr w\xE4hlen`,
+    weekNumber: "KW"
+  },
+  datePicker: {
+    openCalendar: "Kalender \xF6ffnen",
+    time: "Uhrzeit",
+    presets: "Zeitr\xE4ume",
+    beforeMin: (date) => `Bitte ein Datum ab dem ${date} w\xE4hlen.`,
+    afterMax: (date) => `Bitte ein Datum bis zum ${date} w\xE4hlen.`,
+    unavailable: "Dieser Tag ist nicht verf\xFCgbar. Bitte einen anderen Tag w\xE4hlen.",
+    reversed: "Das Enddatum muss nach dem Startdatum liegen.",
+    today: "Heute",
+    yesterday: "Gestern",
+    last7Days: "Letzte 7 Tage",
+    last14Days: "Letzte 14 Tage",
+    last30Days: "Letzte 30 Tage",
+    thisMonth: "Dieser Monat",
+    lastMonth: "Letzter Monat",
+    availableTimes: "Verf\xFCgbare Uhrzeiten"
+  },
+  dialog: {
+    discardTitle: "\xC4nderungen verwerfen?",
+    discardDescription: "Die \xC4nderungen gehen verloren.",
+    discardAction: "Verwerfen",
+    discardCancel: "Weiter bearbeiten"
+  },
+  embed: {
+    video: embed(
+      "Externes Video laden",
+      { nominative: "Dieses Video wird", dativeArticle: "dieses Videos" },
+      "Video laden",
+      (p) => p ? `${p}-Videos immer laden` : "Videos dieses Anbieters immer laden"
+    ),
+    map: embed(
+      "Karte laden",
+      { nominative: "Diese Karte wird", dativeArticle: "dieser Karte" },
+      "Karte laden",
+      (p) => p ? `${p} immer laden` : "Karten dieses Anbieters immer laden"
+    ),
+    generic: embed(
+      "Externe Inhalte laden",
+      { nominative: "Diese Inhalte werden", dativeArticle: "dieser Inhalte" },
+      "Inhalte laden",
+      (p) => p ? `Inhalte von ${p} immer laden` : "Inhalte dieses Anbieters immer laden"
+    ),
+    privacy: "Datenschutzerkl\xE4rung"
+  },
+  list: { notIncluded: "Nicht enthalten:" },
+  listView: { unread: "Ungelesen" },
+  navigation: {
+    skipToContent: "Zum Inhalt springen",
+    main: "Hauptnavigation",
+    app: "App",
+    menu: "Men\xFC",
+    collapse: "Navigation einklappen",
+    expand: "Navigation ausklappen"
+  },
+  pagination: {
+    label: "Seitennavigation",
+    summary: (from, to, total) => `${from}\u2013${to} von ${total}`,
+    pageSize: "Zeilen pro Seite",
+    previous: "Vorherige Seite",
+    next: "N\xE4chste Seite",
+    page: (p) => `Seite ${p}`,
+    pageOf: (p, total) => `Seite ${p} von ${total}`
+  },
+  quickSearch: {
+    placeholder: "Seiten, Dateien, Personen suchen \u2026",
+    suggestions: "Vorschl\xE4ge",
+    allResults: (q) => `Alle Ergebnisse f\xFCr \u201E${q}\u201C`,
+    noResults: (q) => `Keine Ergebnisse f\xFCr \u201E${q}\u201C. Bitte die Schreibweise pr\xFCfen oder andere Begriffe versuchen.`,
+    searchAll: (q) => `Alle Inhalte nach \u201E${q}\u201C durchsuchen`,
+    navigate: "Navigieren",
+    open: "\xD6ffnen"
+  },
+  searchField: { clear: "Suche l\xF6schen" },
+  select: { placeholder: "Ausw\xE4hlen\u2026", clearSelection: "Auswahl entfernen" },
+  combobox: { placeholder: "Suchen\u2026" },
+  slider: { minimum: (label) => label ? `${label}, Minimum` : "Minimum", maximum: (label) => label ? `${label}, Maximum` : "Maximum" },
+  table: { columns: "Spalten", showColumns: "Spalten anzeigen", scrollRegion: "Tabelle" },
+  textField: {
+    counter: (count, limit) => `${count} / ${limit}`,
+    tooMany: (over) => `${over} zu viel`,
+    charactersLeft: (left) => `Noch ${left} Zeichen`,
+    charactersTooMany: (over) => `${over} Zeichen zu viel`
+  },
+  upload: {
+    title: "Dateien hierher ziehen",
+    dropTitle: "Dateien zum Hochladen ablegen",
+    chooseFiles: "Dateien ausw\xE4hlen",
+    chooseFile: "Datei ausw\xE4hlen",
+    listLabel: "Hochgeladene Dateien",
+    cancel: (name) => `Hochladen von ${name} abbrechen`,
+    remove: (name) => `${name} entfernen`,
+    retry: (name) => `${name} erneut hochladen`,
+    retryShort: "Wiederholen",
+    uploading: (name) => `${name} wird hochgeladen`,
+    progress: (loaded, total, percent) => `${loaded} von ${total} \xB7 ${percent} %`,
+    typeNotAllowed: (names, types) => `${names} ${names.includes(",") ? "sind" : "ist"} nicht erlaubt.${types ? ` Erlaubt: ${types}.` : ""}`,
+    tooLarge: (size, max) => `Datei ist ${size} gro\xDF \u2013 max. ${max} erlaubt`,
+    tooMany: (max) => `H\xF6chstens ${max} Dateien. Zum Hinzuf\xFCgen bitte erst eine entfernen.`,
+    uploaded: (name) => `${name} hochgeladen`,
+    failed: (name, error) => `${name}: ${error}`
+  }
+};
+
+// src/i18n/en.ts
+var s = (n, one, other) => n === 1 ? one : other;
+var embed2 = (noun, title, load, remember) => ({
+  title,
+  body: (provider, to) => `This ${noun} is provided by ${provider ?? "a third party"}. Loading it sends data such as your IP address to ${to ?? "the provider"}.`,
+  bodyCompact: (provider, company, to) => noun === "video" ? `Loading this video sends data to ${provider && company && provider !== company ? `${provider} (${company})` : to ?? "a third party"}.` : `Loading this ${noun} sends data to ${to ?? "a third party"}.`,
+  load,
+  remember
+});
+var en = {
+  common: {
+    close: "Close",
+    cancel: "Cancel",
+    back: "Back",
+    more: "More",
+    done: "Done",
+    search: "Search",
+    showResults: "Show results",
+    loading: "Loading",
+    clear: "Clear",
+    clearAll: "Clear all",
+    noResults: "No results",
+    noResultsFor: (q) => `No results for \u201C${q}\u201D`,
+    selected: (name) => `${name}: selected`,
+    removed: (labels) => `${labels.join(", ")} removed`,
+    add: (text) => `Add \u201C${text}\u201D`,
+    create: "Create",
+    reset: "Reset",
+    countSelected: (n) => `${n} selected`,
+    selectedValues: "Selected"
+  },
+  keys: { control: "Ctrl" },
+  accordion: { expandAll: "Expand all", collapseAll: "Collapse all" },
+  alert: { dismiss: "Dismiss" },
+  avatar: {
+    status: { online: "online", away: "away", busy: "busy", offline: "offline" },
+    unknownPerson: "Unknown person",
+    unknownOrganization: "Unknown organization",
+    more: (n) => `${n} more`
+  },
+  breadcrumbs: { label: "Breadcrumb", more: (n) => `Show ${n} more ${s(n, "level", "levels")}` },
+  bulkActionBar: { label: "Bulk actions", count: (n) => `${n} selected`, clear: "Clear selection", more: "More actions" },
+  calendar: {
+    previousMonth: "Previous month",
+    nextMonth: "Next month",
+    previousYear: "Previous year",
+    nextYear: "Next year",
+    previousYears: "Previous years",
+    nextYears: "Next years",
+    chooseMonth: (title) => `${title} \u2013 choose month and year`,
+    chooseYear: (year) => `${year} \u2013 choose year`,
+    weekNumber: "Wk"
+  },
+  datePicker: {
+    openCalendar: "Open calendar",
+    time: "Time",
+    presets: "Periods",
+    beforeMin: (date) => `Choose a date from ${date} on.`,
+    afterMax: (date) => `Choose a date until ${date}.`,
+    unavailable: "This day is not available. Choose another day.",
+    reversed: "The end date must be after the start date.",
+    today: "Today",
+    yesterday: "Yesterday",
+    last7Days: "Last 7 days",
+    last14Days: "Last 14 days",
+    last30Days: "Last 30 days",
+    thisMonth: "This month",
+    lastMonth: "Last month",
+    availableTimes: "Available times"
+  },
+  dialog: {
+    discardTitle: "Discard changes?",
+    discardDescription: "Your changes will be lost.",
+    discardAction: "Discard",
+    discardCancel: "Keep editing"
+  },
+  embed: {
+    video: embed2("video", "Load external video", "Load video", (p) => p ? `Always load ${p} videos` : "Always load videos from this provider"),
+    map: embed2("map", "Load map", "Load map", (p) => p ? `Always load ${p}` : "Always load maps from this provider"),
+    generic: embed2(
+      "content",
+      "Load external content",
+      "Load content",
+      (p) => p ? `Always load content from ${p}` : "Always load content from this provider"
+    ),
+    privacy: "Privacy policy"
+  },
+  list: { notIncluded: "Not included:" },
+  listView: { unread: "Unread" },
+  navigation: {
+    skipToContent: "Skip to content",
+    main: "Main",
+    app: "App",
+    menu: "Menu",
+    collapse: "Collapse navigation",
+    expand: "Expand navigation"
+  },
+  pagination: {
+    label: "Pagination",
+    summary: (from, to, total) => `${from}\u2013${to} of ${total}`,
+    pageSize: "Rows per page",
+    previous: "Previous page",
+    next: "Next page",
+    page: (p) => `Page ${p}`,
+    pageOf: (p, total) => `Page ${p} of ${total}`
+  },
+  quickSearch: {
+    placeholder: "Search pages, files, people \u2026",
+    suggestions: "Suggestions",
+    allResults: (q) => `All results for \u201C${q}\u201D`,
+    noResults: (q) => `No results for \u201C${q}\u201D. Check the spelling or try other words.`,
+    searchAll: (q) => `Search all content for \u201C${q}\u201D`,
+    navigate: "Navigate",
+    open: "Open"
+  },
+  searchField: { clear: "Clear search" },
+  select: { placeholder: "Select\u2026", clearSelection: "Clear selection" },
+  combobox: { placeholder: "Search\u2026" },
+  slider: { minimum: (label) => `Minimum ${label}`.trim(), maximum: (label) => `Maximum ${label}`.trim() },
+  table: { columns: "Columns", showColumns: "Show columns", scrollRegion: "Table" },
+  textField: {
+    counter: (count, limit) => `${count} / ${limit}`,
+    tooMany: (over) => `${over} too many`,
+    charactersLeft: (left) => `${left} ${s(left, "character", "characters")} left`,
+    charactersTooMany: (over) => `${over} ${s(over, "character", "characters")} too many`
+  },
+  upload: {
+    title: "Drag and drop files here",
+    dropTitle: "Drop files to upload",
+    chooseFiles: "Choose files",
+    chooseFile: "Choose file",
+    listLabel: "Uploaded files",
+    cancel: (name) => `Cancel upload of ${name}`,
+    remove: (name) => `Remove ${name}`,
+    retry: (name) => `Retry ${name}`,
+    retryShort: "Retry",
+    uploading: (name) => `Uploading ${name}`,
+    progress: (loaded, total, percent) => `${loaded} of ${total} \xB7 ${percent} %`,
+    typeNotAllowed: (names, types) => `${names} ${names.includes(",") ? "are" : "is"} not allowed.${types ? ` Use ${types}.` : ""}`,
+    tooLarge: (size, max) => `File is ${size} \u2013 max. ${max} allowed`,
+    tooMany: (max) => `You can add up to ${max} files. Remove one to add another.`,
+    uploaded: (name) => `${name} uploaded`,
+    failed: (name, error) => `${name}: ${error}`
+  }
+};
+
+// src/i18n/I18n.tsx
+import { jsx } from "react/jsx-runtime";
+var builtIn = { en, de };
+var MessagesContext = createContext(null);
+function MessagesProvider({ messages, children }) {
+  return /* @__PURE__ */ jsx(MessagesContext.Provider, { value: messages, children });
+}
+function useMessages() {
+  const custom = useContext(MessagesContext);
+  const { locale } = useLocale();
+  return custom ?? builtIn[locale.split("-")[0].toLowerCase()] ?? en;
+}
+
 // src/progress/Progress.tsx
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
 var SpinnerGraphic = () => /* @__PURE__ */ jsxs("svg", { viewBox: "0 0 24 24", "aria-hidden": "true", focusable: "false", children: [
-  /* @__PURE__ */ jsx("circle", { className: "medo-spinner__track", cx: "12", cy: "12", r: "10" }),
-  /* @__PURE__ */ jsx("circle", { className: "medo-spinner__arc", cx: "12", cy: "12", r: "10", pathLength: 100 })
+  /* @__PURE__ */ jsx2("circle", { className: "medo-spinner__track", cx: "12", cy: "12", r: "10" }),
+  /* @__PURE__ */ jsx2("circle", { className: "medo-spinner__arc", cx: "12", cy: "12", r: "10", pathLength: 100 })
 ] });
 function Spinner({ size = "md", tone = "current", decorative, className, style, ...props }) {
+  const m = useMessages();
   const classes = cx("medo-spinner", `medo-spinner--${size}`, tone !== "current" && `medo-spinner--${tone}`, className);
   if (decorative) {
-    return /* @__PURE__ */ jsx("span", { className: classes, style, "aria-hidden": "true", children: /* @__PURE__ */ jsx(SpinnerGraphic, {}) });
+    return /* @__PURE__ */ jsx2("span", { className: classes, style, "aria-hidden": "true", children: /* @__PURE__ */ jsx2(SpinnerGraphic, {}) });
   }
-  return /* @__PURE__ */ jsx(AriaProgressBar, { isIndeterminate: true, "aria-label": props["aria-label"] ?? "Loading", className: classes, style, children: /* @__PURE__ */ jsx(SpinnerGraphic, {}) });
+  return /* @__PURE__ */ jsx2(AriaProgressBar, { isIndeterminate: true, "aria-label": props["aria-label"] ?? m.common.loading, className: classes, style, children: /* @__PURE__ */ jsx2(SpinnerGraphic, {}) });
 }
 function ProgressBar({
   label,
@@ -34,7 +353,7 @@ function ProgressBar({
   ...props
 }) {
   const descriptionId = useId();
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     AriaProgressBar,
     {
       ...props,
@@ -49,31 +368,31 @@ function ProgressBar({
       style,
       children: ({ percentage, valueText, isIndeterminate }) => /* @__PURE__ */ jsxs(Fragment, { children: [
         (label || showValue && !isIndeterminate) && /* @__PURE__ */ jsxs("div", { className: "medo-progress__header", children: [
-          label && /* @__PURE__ */ jsx(Label, { className: "medo-progress__label", children: label }),
-          showValue && !isIndeterminate && /* @__PURE__ */ jsx("span", { className: "medo-progress__value", children: valueText })
+          label && /* @__PURE__ */ jsx2(Label, { className: "medo-progress__label", children: label }),
+          showValue && !isIndeterminate && /* @__PURE__ */ jsx2("span", { className: "medo-progress__value", children: valueText })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "medo-progress__track", children: /* @__PURE__ */ jsx("div", { className: "medo-progress__fill", style: isIndeterminate ? void 0 : { inlineSize: `${percentage}%` } }) }),
-        description && // Live only for the final state, so regular updates („12 s left“) do not chatter.
-        /* @__PURE__ */ jsx("span", { id: descriptionId, className: "medo-progress__description", "aria-live": status === "default" ? void 0 : "polite", children: description })
+        /* @__PURE__ */ jsx2("div", { className: "medo-progress__track", children: /* @__PURE__ */ jsx2("div", { className: "medo-progress__fill", style: isIndeterminate ? void 0 : { inlineSize: `${percentage}%` } }) }),
+        description && // Live only for the final state, so regular updates (“12 s left”) do not chatter.
+        /* @__PURE__ */ jsx2("span", { id: descriptionId, className: "medo-progress__description", "aria-live": status === "default" ? void 0 : "polite", children: description })
       ] })
     }
   );
 }
 function Skeleton({ shape = "text", lines = 1, width, height, className }) {
   const style = { inlineSize: width, blockSize: height };
-  const one = (key) => /* @__PURE__ */ jsx("span", { className: cx("medo-skeleton", `medo-skeleton--${shape}`, className), style, "aria-hidden": "true" }, key);
+  const one = (key) => /* @__PURE__ */ jsx2("span", { className: cx("medo-skeleton", `medo-skeleton--${shape}`, className), style, "aria-hidden": "true" }, key);
   if (shape !== "text" || lines <= 1) return one();
-  return /* @__PURE__ */ jsx("span", { className: "medo-skeleton-lines", "aria-hidden": "true", children: Array.from({ length: lines }, (_, i) => one(i)) });
+  return /* @__PURE__ */ jsx2("span", { className: "medo-skeleton-lines", "aria-hidden": "true", children: Array.from({ length: lines }, (_, i) => one(i)) });
 }
 
 // src/button/Button.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function Button({ variant = "primary", size = "md", startIcon, endIcon, className, children, ...props }) {
-  const icon = props.isPending ? /* @__PURE__ */ jsx2(Spinner, { decorative: true }) : startIcon;
+  const icon = props.isPending ? /* @__PURE__ */ jsx3(Spinner, { decorative: true }) : startIcon;
   return /* @__PURE__ */ jsxs2(AriaButton, { ...props, className: cx("medo-button", `medo-button--${variant}`, `medo-button--${size}`, className), children: [
-    icon && /* @__PURE__ */ jsx2("span", { className: "medo-button__icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsx2("span", { className: "medo-button__label", children }),
-    endIcon && /* @__PURE__ */ jsx2("span", { className: "medo-button__icon", "aria-hidden": "true", children: endIcon })
+    icon && /* @__PURE__ */ jsx3("span", { className: "medo-button__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx3("span", { className: "medo-button__label", children }),
+    endIcon && /* @__PURE__ */ jsx3("span", { className: "medo-button__icon", "aria-hidden": "true", children: endIcon })
   ] });
 }
 function ButtonGroup({ context = "footer", children, destructive, className, ...props }) {
@@ -84,7 +403,7 @@ function ButtonGroup({ context = "footer", children, destructive, className, ...
       "aria-label": props["aria-label"],
       className: cx("medo-button-group", `medo-button-group--${context}`, className),
       children: [
-        destructive && context === "footer" && /* @__PURE__ */ jsx2("div", { className: "medo-button-group__destructive", children: destructive }),
+        destructive && context === "footer" && /* @__PURE__ */ jsx3("div", { className: "medo-button-group__destructive", children: destructive }),
         children
       ]
     }
@@ -95,48 +414,49 @@ function ButtonGroup({ context = "footer", children, destructive, className, ...
 import { Button as AriaButton2 } from "react-aria-components";
 
 // src/tooltip/Tooltip.tsx
-import { useContext } from "react";
+import { useContext as useContext2 } from "react";
 import {
   Link as AriaLink,
   Tooltip as AriaTooltip,
   TooltipTrigger as AriaTooltipTrigger,
   TooltipTriggerStateContext
 } from "react-aria-components";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 function TooltipTrigger({ delay = 500, closeDelay = 100, ...props }) {
-  return /* @__PURE__ */ jsx3(AriaTooltipTrigger, { delay, closeDelay, ...props });
+  return /* @__PURE__ */ jsx4(AriaTooltipTrigger, { delay, closeDelay, ...props });
 }
-var KEY_LABELS = { Control: "Ctrl", Meta: "\u2318", Shift: "\u21E7", Alt: "Alt" };
+var KEY_LABELS = { Meta: "\u2318", Shift: "\u21E7", Alt: "Alt" };
 var isApple = () => typeof navigator !== "undefined" && /Mac|iPhone|iPad/.test(navigator.platform || navigator.userAgent);
 var resolveShortcut = (keys) => keys.replace(/\bMod\b/g, isApple() ? "Meta" : "Control");
-var formatShortcut = (keys) => resolveShortcut(keys).split("+").map((k) => KEY_LABELS[k] ?? k).join(" ");
+var formatShortcut = (keys, control = "Ctrl") => resolveShortcut(keys).split("+").map((k) => k === "Control" ? control : KEY_LABELS[k] ?? k).join(" ");
 function Tooltip({ children, shortcut, placement = "top", offset = 8, className, ...props }) {
   return /* @__PURE__ */ jsxs3(AriaTooltip, { ...props, placement, offset, className: cx("medo-tooltip", className), children: [
-    /* @__PURE__ */ jsx3("span", { children }),
-    shortcut && /* @__PURE__ */ jsx3("kbd", { className: "medo-tooltip__shortcut", children: shortcut })
+    /* @__PURE__ */ jsx4("span", { children }),
+    shortcut && /* @__PURE__ */ jsx4("kbd", { className: "medo-tooltip__shortcut", children: shortcut })
   ] });
 }
 function TooltipLink(props) {
-  const tooltip = useContext(TooltipTriggerStateContext);
-  return /* @__PURE__ */ jsx3(AriaLink, { ...props, onHoverStart: () => tooltip?.open(), onHoverEnd: () => tooltip?.close() });
+  const tooltip = useContext2(TooltipTriggerStateContext);
+  return /* @__PURE__ */ jsx4(AriaLink, { ...props, onHoverStart: () => tooltip?.open(), onHoverEnd: () => tooltip?.close() });
 }
 
 // src/icon-button/IconButton.tsx
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function IconButton({ icon, variant = "ghost", size = "md", tooltip, shortcut, shortcutLabel, className, ...props }) {
-  const button = /* @__PURE__ */ jsx4(
+  const m = useMessages();
+  const button = /* @__PURE__ */ jsx5(
     AriaButton2,
     {
       ...props,
       "aria-keyshortcuts": shortcut && resolveShortcut(shortcut),
       className: cx("medo-button", "medo-button--icon-only", `medo-button--${variant}`, `medo-button--${size}`, className),
-      children: /* @__PURE__ */ jsx4("span", { className: "medo-button__icon", "aria-hidden": "true", children: props.isPending ? /* @__PURE__ */ jsx4(Spinner, { decorative: true }) : icon })
+      children: /* @__PURE__ */ jsx5("span", { className: "medo-button__icon", "aria-hidden": "true", children: props.isPending ? /* @__PURE__ */ jsx5(Spinner, { decorative: true }) : icon })
     }
   );
   if (tooltip === false) return button;
   return /* @__PURE__ */ jsxs4(TooltipTrigger, { children: [
     button,
-    /* @__PURE__ */ jsx4(Tooltip, { shortcut: shortcutLabel ?? (shortcut && formatShortcut(shortcut)), children: tooltip ?? props["aria-label"] })
+    /* @__PURE__ */ jsx5(Tooltip, { shortcut: shortcutLabel ?? (shortcut && formatShortcut(shortcut, m.keys.control)), children: tooltip ?? props["aria-label"] })
   ] });
 }
 
@@ -152,11 +472,11 @@ import {
 // src/field/Field.tsx
 import { FieldError, Label as Label2, Text } from "react-aria-components";
 import { CircleAlert } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function FieldLabel({ children, isRequired }) {
   return /* @__PURE__ */ jsxs5(Label2, { className: "medo-field__label", children: [
     children,
-    isRequired && /* @__PURE__ */ jsx5("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
+    isRequired && /* @__PURE__ */ jsx6("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
   ] });
 }
 function FieldFooter({
@@ -165,17 +485,17 @@ function FieldFooter({
   children
 }) {
   return /* @__PURE__ */ jsxs5("div", { className: "medo-field__footer", children: [
-    description && /* @__PURE__ */ jsx5(Text, { slot: "description", className: "medo-field__description", children: description }),
-    /* @__PURE__ */ jsx5(FieldError, { className: "medo-field__error", children: (validation) => /* @__PURE__ */ jsxs5(Fragment2, { children: [
-      /* @__PURE__ */ jsx5(CircleAlert, { "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx5("span", { children: (typeof errorMessage === "function" ? errorMessage(validation) : errorMessage) || validation.validationErrors.join(" ") })
+    description && /* @__PURE__ */ jsx6(Text, { slot: "description", className: "medo-field__description", children: description }),
+    /* @__PURE__ */ jsx6(FieldError, { className: "medo-field__error", children: (validation) => /* @__PURE__ */ jsxs5(Fragment2, { children: [
+      /* @__PURE__ */ jsx6(CircleAlert, { "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx6("span", { children: (typeof errorMessage === "function" ? errorMessage(validation) : errorMessage) || validation.validationErrors.join(" ") })
     ] }) }),
     children
   ] });
 }
 
 // src/text-field/TextField.tsx
-import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function TextField({
   label,
   description,
@@ -202,13 +522,13 @@ function TextField({
         onChange?.(value);
       },
       children: [
-        /* @__PURE__ */ jsx6(FieldLabel, { isRequired: props.isRequired, children: label }),
-        multiline ? /* @__PURE__ */ jsx6(AriaTextArea, { className: cx("medo-textarea", `medo-textarea--${size === "lg" ? "lg" : "md"}`), placeholder, onInput: clearErrorWhenValid }) : /* @__PURE__ */ jsxs6("div", { className: cx("medo-input", `medo-input--${size}`), children: [
-          leadingIcon && /* @__PURE__ */ jsx6("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
-          /* @__PURE__ */ jsx6(AriaInput, { className: "medo-input__control", placeholder, onInput: clearErrorWhenValid }),
+        label && /* @__PURE__ */ jsx7(FieldLabel, { isRequired: props.isRequired, children: label }),
+        multiline ? /* @__PURE__ */ jsx7(AriaTextArea, { className: cx("medo-textarea", `medo-textarea--${size === "lg" ? "lg" : "md"}`), placeholder, onInput: clearErrorWhenValid }) : /* @__PURE__ */ jsxs6("div", { className: cx("medo-input", `medo-input--${size}`), children: [
+          leadingIcon && /* @__PURE__ */ jsx7("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
+          /* @__PURE__ */ jsx7(AriaInput, { className: "medo-input__control", placeholder, onInput: clearErrorWhenValid }),
           trailing
         ] }),
-        /* @__PURE__ */ jsx6(FieldFooter, { description, errorMessage, children: characterLimit !== void 0 && /* @__PURE__ */ jsx6(CharacterCount, { count, limit: characterLimit }) })
+        /* @__PURE__ */ jsx7(FieldFooter, { description, errorMessage, children: characterLimit !== void 0 && /* @__PURE__ */ jsx7(CharacterCount, { count, limit: characterLimit }) })
       ]
     }
   );
@@ -220,27 +540,28 @@ function clearErrorWhenValid(e) {
   });
 }
 function CharacterCount({ count, limit }) {
+  const m = useMessages();
   const over = count - limit;
-  const text = over > 0 ? `${over} too many` : `${count} / ${limit}`;
+  const text = over > 0 ? m.textField.tooMany(over) : m.textField.counter(count, limit);
   const [announcement, setAnnouncement] = useState("");
   useEffect(() => {
     const id = setTimeout(
-      () => setAnnouncement(over > 0 ? `${over} characters too many` : `${limit - count} characters left`),
+      () => setAnnouncement(over > 0 ? m.textField.charactersTooMany(over) : m.textField.charactersLeft(limit - count)),
       1e3
     );
     return () => clearTimeout(id);
-  }, [count, limit, over]);
+  }, [count, limit, over, m]);
   return /* @__PURE__ */ jsxs6(Fragment3, { children: [
-    /* @__PURE__ */ jsx6("span", { className: "medo-field__counter", "data-over": over > 0 || void 0, "aria-hidden": "true", children: text }),
-    /* @__PURE__ */ jsx6("span", { className: "medo-visually-hidden", "aria-live": "polite", children: announcement })
+    /* @__PURE__ */ jsx7("span", { className: "medo-field__counter", "data-over": over > 0 || void 0, "aria-hidden": "true", children: text }),
+    /* @__PURE__ */ jsx7("span", { className: "medo-visually-hidden", "aria-live": "polite", children: announcement })
   ] });
 }
 function InputAction({ icon, ...props }) {
-  return /* @__PURE__ */ jsx6(AriaButton3, { ...props, className: "medo-input__action", children: icon });
+  return /* @__PURE__ */ jsx7(AriaButton3, { ...props, className: "medo-input__action", children: icon });
 }
 
 // src/checkbox/Checkbox.tsx
-import { createContext, useContext as useContext2 } from "react";
+import { createContext as createContext2, useContext as useContext3 } from "react";
 import {
   CheckboxButton,
   CheckboxField,
@@ -248,52 +569,52 @@ import {
   Text as Text2
 } from "react-aria-components";
 import { Check, Minus } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
-var ChoiceSizeContext = createContext("md");
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+var ChoiceSizeContext = createContext2("md");
 function Checkbox({ children, description, size, className, ...props }) {
-  const groupSize = useContext2(ChoiceSizeContext);
+  const groupSize = useContext3(ChoiceSizeContext);
   return /* @__PURE__ */ jsxs7(CheckboxField, { ...props, className: cx("medo-choice", "medo-checkbox", `medo-choice--${size ?? groupSize}`, className), children: [
-    /* @__PURE__ */ jsx7(CheckboxButton, { className: "medo-choice__button", children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsxs7(Fragment4, { children: [
-      /* @__PURE__ */ jsx7("span", { className: "medo-choice__control", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx7(Minus, {}) : isSelected ? /* @__PURE__ */ jsx7(Check, {}) : null }),
-      children && /* @__PURE__ */ jsx7("span", { className: "medo-choice__label", children })
+    /* @__PURE__ */ jsx8(CheckboxButton, { className: "medo-choice__button", children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsxs7(Fragment4, { children: [
+      /* @__PURE__ */ jsx8("span", { className: "medo-choice__control", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx8(Minus, {}) : isSelected ? /* @__PURE__ */ jsx8(Check, {}) : null }),
+      children && /* @__PURE__ */ jsx8("span", { className: "medo-choice__label", children })
     ] }) }),
-    description && /* @__PURE__ */ jsx7(Text2, { slot: "description", className: "medo-choice__description", children: description })
+    description && /* @__PURE__ */ jsx8(Text2, { slot: "description", className: "medo-choice__description", children: description })
   ] });
 }
 function CheckboxGroup({ label, description, errorMessage, size = "md", orientation = "vertical", children, className, ...props }) {
   return /* @__PURE__ */ jsxs7(AriaCheckboxGroup, { ...props, className: cx("medo-field", "medo-field--group", className), "data-orientation": orientation, children: [
-    label && /* @__PURE__ */ jsx7(FieldLabel, { isRequired: props.isRequired, children: label }),
-    /* @__PURE__ */ jsx7(ChoiceSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx7("div", { className: "medo-field__options", children }) }),
-    /* @__PURE__ */ jsx7(FieldFooter, { description, errorMessage })
+    label && /* @__PURE__ */ jsx8(FieldLabel, { isRequired: props.isRequired, children: label }),
+    /* @__PURE__ */ jsx8(ChoiceSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx8("div", { className: "medo-field__options", children }) }),
+    /* @__PURE__ */ jsx8(FieldFooter, { description, errorMessage })
   ] });
 }
 
 // src/radio/Radio.tsx
-import { useContext as useContext3 } from "react";
+import { useContext as useContext4 } from "react";
 import { RadioButton, RadioField, RadioGroup as AriaRadioGroup, Text as Text3 } from "react-aria-components";
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function Radio({ children, description, size, className, ...props }) {
-  const groupSize = useContext3(ChoiceSizeContext);
+  const groupSize = useContext4(ChoiceSizeContext);
   return /* @__PURE__ */ jsxs8(RadioField, { ...props, className: cx("medo-choice", "medo-radio", `medo-choice--${size ?? groupSize}`, className), children: [
     /* @__PURE__ */ jsxs8(RadioButton, { className: "medo-choice__button", children: [
-      /* @__PURE__ */ jsx8("span", { className: "medo-choice__control", "aria-hidden": "true" }),
-      children && /* @__PURE__ */ jsx8("span", { className: "medo-choice__label", children })
+      /* @__PURE__ */ jsx9("span", { className: "medo-choice__control", "aria-hidden": "true" }),
+      children && /* @__PURE__ */ jsx9("span", { className: "medo-choice__label", children })
     ] }),
-    description && /* @__PURE__ */ jsx8(Text3, { slot: "description", className: "medo-choice__description", children: description })
+    description && /* @__PURE__ */ jsx9(Text3, { slot: "description", className: "medo-choice__description", children: description })
   ] });
 }
 function RadioGroup({ label, description, errorMessage, size = "md", children, className, ...props }) {
   return /* @__PURE__ */ jsxs8(AriaRadioGroup, { ...props, className: cx("medo-field", "medo-field--group", className), children: [
-    label && /* @__PURE__ */ jsx8(FieldLabel, { isRequired: props.isRequired, children: label }),
-    /* @__PURE__ */ jsx8(ChoiceSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx8("div", { className: "medo-field__options", children }) }),
-    /* @__PURE__ */ jsx8(FieldFooter, { description, errorMessage })
+    label && /* @__PURE__ */ jsx9(FieldLabel, { isRequired: props.isRequired, children: label }),
+    /* @__PURE__ */ jsx9(ChoiceSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx9("div", { className: "medo-field__options", children }) }),
+    /* @__PURE__ */ jsx9(FieldFooter, { description, errorMessage })
   ] });
 }
 
 // src/switch/Switch.tsx
 import { SwitchButton, SwitchField, Text as Text4 } from "react-aria-components";
 import { Check as Check2, LoaderCircle, X } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function Switch({
   children,
   description,
@@ -312,21 +633,21 @@ function Switch({
       "aria-busy": isLoading || void 0,
       className: cx("medo-switch", `medo-switch--${size}`, `medo-switch--label-${labelPosition}`, className),
       children: [
-        /* @__PURE__ */ jsx9(SwitchButton, { className: "medo-switch__button", children: ({ isSelected }) => /* @__PURE__ */ jsxs9(Fragment5, { children: [
-          /* @__PURE__ */ jsx9("span", { className: "medo-switch__track", "aria-hidden": "true", children: /* @__PURE__ */ jsx9("span", { className: "medo-switch__thumb", children: isLoading ? /* @__PURE__ */ jsx9(LoaderCircle, { className: "medo-switch__spinner" }) : isSelected ? /* @__PURE__ */ jsx9(Check2, {}) : /* @__PURE__ */ jsx9(X, {}) }) }),
-          /* @__PURE__ */ jsx9("span", { className: "medo-switch__label", children })
+        /* @__PURE__ */ jsx10(SwitchButton, { className: "medo-switch__button", children: ({ isSelected }) => /* @__PURE__ */ jsxs9(Fragment5, { children: [
+          /* @__PURE__ */ jsx10("span", { className: "medo-switch__track", "aria-hidden": "true", children: /* @__PURE__ */ jsx10("span", { className: "medo-switch__thumb", children: isLoading ? /* @__PURE__ */ jsx10(LoaderCircle, { className: "medo-switch__spinner" }) : isSelected ? /* @__PURE__ */ jsx10(Check2, {}) : /* @__PURE__ */ jsx10(X, {}) }) }),
+          /* @__PURE__ */ jsx10("span", { className: "medo-switch__label", children })
         ] }) }),
-        description && /* @__PURE__ */ jsx9(Text4, { slot: "description", className: "medo-switch__description", children: description })
+        description && /* @__PURE__ */ jsx10(Text4, { slot: "description", className: "medo-switch__description", children: description })
       ]
     }
   );
 }
 
 // src/badge/Badge.tsx
-import { jsx as jsx10, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function Badge({ tone = "neutral", size = "md", dot, icon, className, children, ...props }) {
   return /* @__PURE__ */ jsxs10("span", { ...props, className: cx("medo-badge", `medo-badge--${tone}`, `medo-badge--${size}`, className), children: [
-    dot ? /* @__PURE__ */ jsx10("span", { className: "medo-badge__dot", "aria-hidden": "true" }) : icon && /* @__PURE__ */ jsx10("span", { className: "medo-badge__icon", "aria-hidden": "true", children: icon }),
+    dot ? /* @__PURE__ */ jsx11("span", { className: "medo-badge__dot", "aria-hidden": "true" }) : icon && /* @__PURE__ */ jsx11("span", { className: "medo-badge__icon", "aria-hidden": "true", children: icon }),
     children
   ] });
 }
@@ -340,14 +661,14 @@ function BadgeCount({ count, max = 99, tone = "danger", size = "md", label, clas
       "aria-hidden": label ? void 0 : true,
       className: cx("medo-badge-count", `medo-badge-count--${tone}`, `medo-badge-count--${size}`, className),
       children: [
-        /* @__PURE__ */ jsx10("span", { "aria-hidden": label ? true : void 0, children: text }),
-        label && /* @__PURE__ */ jsx10("span", { className: "medo-visually-hidden", children: label })
+        /* @__PURE__ */ jsx11("span", { "aria-hidden": label ? true : void 0, children: text }),
+        label && /* @__PURE__ */ jsx11("span", { className: "medo-visually-hidden", children: label })
       ]
     }
   );
 }
 function BadgeDot({ tone = "neutral", label, className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "span",
     {
       ...props,
@@ -360,7 +681,7 @@ function BadgeDot({ tone = "neutral", label, className, ...props }) {
 }
 
 // src/tag/Tag.tsx
-import { createContext as createContext2, useContext as useContext4, useRef, useState as useState2 } from "react";
+import { createContext as createContext3, useContext as useContext5, useRef, useState as useState2 } from "react";
 import {
   Button as AriaButton4,
   Tag as AriaTag,
@@ -369,8 +690,8 @@ import {
   Text as Text5
 } from "react-aria-components";
 import { Check as Check3, X as X2 } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx11, jsxs as jsxs11 } from "react/jsx-runtime";
-var TagSizeContext = createContext2("md");
+import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+var TagSizeContext = createContext3("md");
 function TagGroup({
   label,
   description,
@@ -379,10 +700,12 @@ function TagGroup({
   items,
   renderEmptyState,
   onRemove,
-  removedMessage = (labels) => `${labels.join(", ")} removed`,
+  removedMessage: removedMessageProp,
   className,
   ...props
 }) {
+  const m = useMessages();
+  const removedMessage = removedMessageProp ?? m.common.removed;
   const ref = useRef(null);
   const [announcement, setAnnouncement] = useState2("");
   const handleRemove = onRemove && ((keys) => {
@@ -393,24 +716,24 @@ function TagGroup({
     setAnnouncement(removedMessage(labels));
   });
   return /* @__PURE__ */ jsxs11(AriaTagGroup, { ...props, ref, onRemove: handleRemove, className: cx("medo-field", "medo-field--group", className), children: [
-    label && /* @__PURE__ */ jsx11(FieldLabel, { children: label }),
-    /* @__PURE__ */ jsx11(TagSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx11(TagList, { items, renderEmptyState, className: "medo-tag-list", children }) }),
-    description && /* @__PURE__ */ jsx11("div", { className: "medo-field__footer", children: /* @__PURE__ */ jsx11(Text5, { slot: "description", className: "medo-field__description", children: description }) }),
-    /* @__PURE__ */ jsx11("span", { className: "medo-visually-hidden", "aria-live": "polite", children: announcement })
+    label && /* @__PURE__ */ jsx12(FieldLabel, { children: label }),
+    /* @__PURE__ */ jsx12(TagSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx12(TagList, { items, renderEmptyState, className: "medo-tag-list", children }) }),
+    description && /* @__PURE__ */ jsx12("div", { className: "medo-field__footer", children: /* @__PURE__ */ jsx12(Text5, { slot: "description", className: "medo-field__description", children: description }) }),
+    /* @__PURE__ */ jsx12("span", { className: "medo-visually-hidden", "aria-live": "polite", children: announcement })
   ] });
 }
 function Tag({ children, icon, textValue, className, ...props }) {
-  const size = useContext4(TagSizeContext);
-  return /* @__PURE__ */ jsx11(
+  const size = useContext5(TagSizeContext);
+  return /* @__PURE__ */ jsx12(
     AriaTag,
     {
       ...props,
       textValue: textValue ?? (typeof children === "string" ? children : void 0),
       className: ({ selectionMode }) => cx("medo-tag", `medo-tag--${size}`, selectionMode !== "none" && "medo-tag--selectable", className),
       children: ({ allowsRemoving, isSelected, selectionMode }) => /* @__PURE__ */ jsxs11(Fragment6, { children: [
-        selectionMode !== "none" && isSelected ? /* @__PURE__ */ jsx11("span", { className: "medo-tag__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx11(Check3, {}) }) : icon && /* @__PURE__ */ jsx11("span", { className: "medo-tag__icon", "aria-hidden": "true", children: icon }),
-        /* @__PURE__ */ jsx11("span", { className: "medo-tag__label", children }),
-        allowsRemoving && /* @__PURE__ */ jsx11(AriaButton4, { slot: "remove", className: "medo-tag__remove", children: /* @__PURE__ */ jsx11(X2, { "aria-hidden": "true" }) })
+        selectionMode !== "none" && isSelected ? /* @__PURE__ */ jsx12("span", { className: "medo-tag__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx12(Check3, {}) }) : icon && /* @__PURE__ */ jsx12("span", { className: "medo-tag__icon", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsx12("span", { className: "medo-tag__label", children }),
+        allowsRemoving && /* @__PURE__ */ jsx12(AriaButton4, { slot: "remove", className: "medo-tag__remove", children: /* @__PURE__ */ jsx12(X2, { "aria-hidden": "true" }) })
       ] })
     }
   );
@@ -420,17 +743,17 @@ function Tag({ children, icon, textValue, className, ...props }) {
 import {
   Children,
   cloneElement,
-  createContext as createContext3,
+  createContext as createContext4,
   isValidElement,
-  useContext as useContext5,
+  useContext as useContext6,
   useEffect as useEffect2,
   useState as useState3
 } from "react";
 import { Button as AriaButton5 } from "react-aria-components";
 import { Building2, User } from "lucide-react";
-import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 var TONES = ["blue", "violet", "pink", "amber", "green", "teal"];
-var AvatarSizeContext = createContext3(void 0);
+var AvatarSizeContext = createContext4(void 0);
 function toneFor(key) {
   let hash = 0;
   for (const char of key) hash = hash * 31 + char.codePointAt(0) | 0;
@@ -442,7 +765,6 @@ function initialsOf(name) {
   if (words.length === 1) return Array.from(words[0]).slice(0, 2).join("").toUpperCase();
   return (Array.from(words[0])[0] + Array.from(words[words.length - 1])[0]).toUpperCase();
 }
-var STATUS_TEXT = { online: "online", away: "away", busy: "busy", offline: "offline" };
 function Avatar({
   name,
   src,
@@ -456,15 +778,16 @@ function Avatar({
   className,
   style
 }) {
-  const groupSize = useContext5(AvatarSizeContext);
+  const m = useMessages();
+  const groupSize = useContext6(AvatarSizeContext);
   const finalSize = size ?? groupSize ?? "md";
   const [failed, setFailed] = useState3(false);
   useEffect2(() => setFailed(false), [src]);
   const initials = name ? initialsOf(name) : "";
   const showImage = Boolean(src) && !failed;
   const tone = initials ? toneFor(colorKey ?? name) : "neutral";
-  const statusText = status ? statusLabels?.[status] ?? STATUS_TEXT[status] : void 0;
-  const fallbackName = unknownLabel ?? (shape === "square" ? "Unknown organization" : "Unknown person");
+  const statusText = status ? statusLabels?.[status] ?? m.avatar.status[status] : void 0;
+  const fallbackName = unknownLabel ?? (shape === "square" ? m.avatar.unknownOrganization : m.avatar.unknownPerson);
   const label = [name || fallbackName, statusText].filter(Boolean).join(", ");
   return /* @__PURE__ */ jsxs12(
     "span",
@@ -482,9 +805,9 @@ function Avatar({
       ),
       style,
       children: [
-        initials ? /* @__PURE__ */ jsx12("span", { className: "medo-avatar__initials", "aria-hidden": "true", children: initials }) : /* @__PURE__ */ jsx12("span", { className: "medo-avatar__icon", "aria-hidden": "true", children: shape === "square" ? /* @__PURE__ */ jsx12(Building2, {}) : /* @__PURE__ */ jsx12(User, {}) }),
-        showImage && /* @__PURE__ */ jsx12("img", { className: "medo-avatar__image", src, alt: "", onError: () => setFailed(true) }),
-        status && /* @__PURE__ */ jsx12("span", { className: cx("medo-avatar__status", `medo-avatar__status--${status}`), "aria-hidden": "true" })
+        initials ? /* @__PURE__ */ jsx13("span", { className: "medo-avatar__initials", "aria-hidden": "true", children: initials }) : /* @__PURE__ */ jsx13("span", { className: "medo-avatar__icon", "aria-hidden": "true", children: shape === "square" ? /* @__PURE__ */ jsx13(Building2, {}) : /* @__PURE__ */ jsx13(User, {}) }),
+        showImage && /* @__PURE__ */ jsx13("img", { className: "medo-avatar__image", src, alt: "", onError: () => setFailed(true) }),
+        status && /* @__PURE__ */ jsx13("span", { className: cx("medo-avatar__status", `medo-avatar__status--${status}`), "aria-hidden": "true" })
       ]
     }
   );
@@ -494,16 +817,18 @@ function AvatarGroup({
   max = 4,
   size = "md",
   onMorePress,
-  moreLabel = (n) => `${n} more`,
+  moreLabel: moreLabelProp,
   className,
   ...props
 }) {
+  const m = useMessages();
+  const moreLabel = moreLabelProp ?? m.avatar.more;
   const items = Children.toArray(children);
   const visible = items.slice(0, max);
   const hidden = items.length - visible.length;
   const moreClass = cx("medo-avatar", `medo-avatar--${size}`, "medo-avatar--circle", "medo-avatar--neutral", "medo-avatar--more");
   return /* @__PURE__ */ jsxs12("div", { role: "group", "aria-label": props["aria-label"], className: cx("medo-avatar-group", `medo-avatar-group--${size}`, className), children: [
-    /* @__PURE__ */ jsx12(AvatarSizeContext.Provider, { value: size, children: visible.map(
+    /* @__PURE__ */ jsx13(AvatarSizeContext.Provider, { value: size, children: visible.map(
       (child, i) => (
         // The first avatar sits on top.
         isValidElement(child) ? cloneElement(child, { style: { ...child.props.style, zIndex: visible.length - i } }) : child
@@ -520,7 +845,7 @@ function AvatarGroup({
 }
 
 // src/toggle-button/ToggleButton.tsx
-import { createContext as createContext4, useContext as useContext6, useEffect as useEffect3, useRef as useRef2 } from "react";
+import { createContext as createContext5, useContext as useContext7, useEffect as useEffect3, useRef as useRef2 } from "react";
 import {
   SelectionIndicator,
   Separator,
@@ -528,23 +853,24 @@ import {
   ToggleButtonGroup as AriaToggleButtonGroup,
   Toolbar as AriaToolbar
 } from "react-aria-components";
-import { jsx as jsx13, jsxs as jsxs13 } from "react/jsx-runtime";
-var ToggleSizeContext = createContext4(null);
-var SegmentedContext = createContext4(false);
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+var ToggleSizeContext = createContext5(null);
+var SegmentedContext = createContext5(false);
 function ToggleButton({ children, icon, size, tooltip, shortcut, className, ...props }) {
-  const groupSize = useContext6(ToggleSizeContext);
-  const segmented = useContext6(SegmentedContext);
-  const s = groupSize ?? size ?? "md";
+  const m = useMessages();
+  const groupSize = useContext7(ToggleSizeContext);
+  const segmented = useContext7(SegmentedContext);
+  const s2 = groupSize ?? size ?? "md";
   const iconOnly = !children;
   const button = /* @__PURE__ */ jsxs13(
     AriaToggleButton,
     {
       ...props,
       "aria-keyshortcuts": shortcut && resolveShortcut(shortcut),
-      className: cx("medo-button", `medo-button--${s}`, iconOnly && "medo-button--icon-only", "medo-toggle", className),
+      className: cx("medo-button", `medo-button--${s2}`, iconOnly && "medo-button--icon-only", "medo-toggle", className),
       children: [
-        segmented && /* @__PURE__ */ jsx13(SelectionIndicator, { className: "medo-toggle__indicator" }),
-        icon && /* @__PURE__ */ jsx13("span", { className: "medo-button__icon", "aria-hidden": "true", children: icon }),
+        segmented && /* @__PURE__ */ jsx14(SelectionIndicator, { className: "medo-toggle__indicator" }),
+        icon && /* @__PURE__ */ jsx14("span", { className: "medo-button__icon", "aria-hidden": "true", children: icon }),
         children
       ]
     }
@@ -552,7 +878,7 @@ function ToggleButton({ children, icon, size, tooltip, shortcut, className, ...p
   if (!iconOnly || tooltip === false) return button;
   return /* @__PURE__ */ jsxs13(TooltipTrigger, { children: [
     button,
-    /* @__PURE__ */ jsx13(Tooltip, { shortcut: shortcut && formatShortcut(shortcut), children: tooltip ?? props["aria-label"] })
+    /* @__PURE__ */ jsx14(Tooltip, { shortcut: shortcut && formatShortcut(shortcut, m.keys.control), children: tooltip ?? props["aria-label"] })
   ] });
 }
 function ToggleButtonGroup({
@@ -579,7 +905,7 @@ function ToggleButtonGroup({
     return () => observer.disconnect();
   }, []);
   const itemSize = segmented ? size === "lg" ? "md" : "sm" : size;
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     AriaToggleButtonGroup,
     {
       ...props,
@@ -587,19 +913,19 @@ function ToggleButtonGroup({
       selectionMode: segmented ? "single" : selectionMode ?? "multiple",
       disallowEmptySelection: segmented || disallowEmptySelection,
       className: cx("medo-toggle-group", `medo-toggle-group--${variant}`, `medo-toggle-group--${size}`, segmented && fullWidth && "medo-toggle-group--full", className),
-      children: /* @__PURE__ */ jsx13(SegmentedContext.Provider, { value: segmented, children: /* @__PURE__ */ jsx13(ToggleSizeContext.Provider, { value: itemSize, children }) })
+      children: /* @__PURE__ */ jsx14(SegmentedContext.Provider, { value: segmented, children: /* @__PURE__ */ jsx14(ToggleSizeContext.Provider, { value: itemSize, children }) })
     }
   );
 }
 function Toolbar({ className, ...props }) {
-  return /* @__PURE__ */ jsx13(AriaToolbar, { ...props, className: cx("medo-toolbar", className) });
+  return /* @__PURE__ */ jsx14(AriaToolbar, { ...props, className: cx("medo-toolbar", className) });
 }
 function ToolbarSeparator() {
-  return /* @__PURE__ */ jsx13(Separator, { orientation: "vertical", className: "medo-toolbar__separator" });
+  return /* @__PURE__ */ jsx14(Separator, { orientation: "vertical", className: "medo-toolbar__separator" });
 }
 
 // src/listbox/ListBox.tsx
-import { createContext as createContext5, useContext as useContext7 } from "react";
+import { createContext as createContext6, useContext as useContext8 } from "react";
 import {
   Collection,
   ComboBoxStateContext,
@@ -612,7 +938,7 @@ import {
 import { Check as Check4 } from "lucide-react";
 
 // src/utils/highlight.tsx
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx15 } from "react/jsx-runtime";
 var plain = (text) => text.normalize("NFD").replace(/\p{Diacritic}/gu, "").toLocaleLowerCase();
 function matchParts(text, query, all = false) {
   const q = plain(query.trim());
@@ -651,57 +977,57 @@ function Highlight({
 }) {
   if (!query?.trim()) return text;
   return matchParts(text, query, all).map(
-    (part, i) => part.match ? /* @__PURE__ */ jsx14(Tag2, { className, children: part.text }, i) : part.text
+    (part, i) => part.match ? /* @__PURE__ */ jsx15(Tag2, { className, children: part.text }, i) : part.text
   );
 }
 
 // src/listbox/ListBox.tsx
-import { Fragment as Fragment7, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
-var ListBoxSizeContext = createContext5("md");
+import { Fragment as Fragment7, jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+var ListBoxSizeContext = createContext6("md");
 function ListBox({ size = "md", className, ...props }) {
-  return /* @__PURE__ */ jsx15(ListBoxSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx15(AriaListBox, { ...props, className: cx("medo-listbox", `medo-listbox--${size}`, className) }) });
+  return /* @__PURE__ */ jsx16(ListBoxSizeContext.Provider, { value: size, children: /* @__PURE__ */ jsx16(AriaListBox, { ...props, className: cx("medo-listbox", `medo-listbox--${size}`, className) }) });
 }
 function Option({ children, description, icon, textValue, ...props }) {
-  const size = useContext7(ListBoxSizeContext);
-  return /* @__PURE__ */ jsx15(ListBoxItem, { ...props, textValue: textValue ?? (typeof children === "string" ? children : void 0), className: "medo-option", children: ({ isSelected, selectionMode }) => /* @__PURE__ */ jsxs14(Fragment7, { children: [
-    selectionMode === "multiple" && /* @__PURE__ */ jsx15(
+  const size = useContext8(ListBoxSizeContext);
+  return /* @__PURE__ */ jsx16(ListBoxItem, { ...props, textValue: textValue ?? (typeof children === "string" ? children : void 0), className: "medo-option", children: ({ isSelected, selectionMode }) => /* @__PURE__ */ jsxs14(Fragment7, { children: [
+    selectionMode === "multiple" && /* @__PURE__ */ jsx16(
       "span",
       {
         className: cx("medo-choice", "medo-checkbox", `medo-choice--${size}`, "medo-option__checkbox"),
         "data-selected": isSelected || void 0,
         "aria-hidden": "true",
-        children: /* @__PURE__ */ jsx15("span", { className: "medo-choice__control", children: isSelected && /* @__PURE__ */ jsx15(Check4, {}) })
+        children: /* @__PURE__ */ jsx16("span", { className: "medo-choice__control", children: isSelected && /* @__PURE__ */ jsx16(Check4, {}) })
       }
     ),
-    icon && /* @__PURE__ */ jsx15("span", { className: "medo-option__icon", "aria-hidden": "true", children: icon }),
+    icon && /* @__PURE__ */ jsx16("span", { className: "medo-option__icon", "aria-hidden": "true", children: icon }),
     /* @__PURE__ */ jsxs14("span", { className: "medo-option__content", children: [
-      /* @__PURE__ */ jsx15(Text6, { slot: "label", className: "medo-option__label", children: /* @__PURE__ */ jsx15(Highlight2, { children }) }),
-      description && /* @__PURE__ */ jsx15(Text6, { slot: "description", className: "medo-option__description", children: description })
+      /* @__PURE__ */ jsx16(Text6, { slot: "label", className: "medo-option__label", children: /* @__PURE__ */ jsx16(Highlight2, { children }) }),
+      description && /* @__PURE__ */ jsx16(Text6, { slot: "description", className: "medo-option__description", children: description })
     ] }),
-    selectionMode !== "multiple" && isSelected && /* @__PURE__ */ jsx15("span", { className: "medo-option__check", "aria-hidden": "true", children: /* @__PURE__ */ jsx15(Check4, {}) })
+    selectionMode !== "multiple" && isSelected && /* @__PURE__ */ jsx16("span", { className: "medo-option__check", "aria-hidden": "true", children: /* @__PURE__ */ jsx16(Check4, {}) })
   ] }) });
 }
 function ListBoxSection({ title, children, items, id, ...props }) {
   return /* @__PURE__ */ jsxs14(AriaListBoxSection, { id, "aria-label": props["aria-label"], className: "medo-listbox__section", children: [
-    title && /* @__PURE__ */ jsx15(Header, { className: "medo-listbox__header", children: title }),
-    typeof children === "function" ? /* @__PURE__ */ jsx15(Collection, { items, children }) : children
+    title && /* @__PURE__ */ jsx16(Header, { className: "medo-listbox__header", children: title }),
+    typeof children === "function" ? /* @__PURE__ */ jsx16(Collection, { items, children }) : children
   ] });
 }
 function ListBoxMessage({ children }) {
-  return /* @__PURE__ */ jsx15("div", { className: "medo-listbox__message", role: "status", children });
+  return /* @__PURE__ */ jsx16("div", { className: "medo-listbox__message", role: "status", children });
 }
-var OptionHighlightContext = createContext5(null);
+var OptionHighlightContext = createContext6(null);
 function Highlight2({ children }) {
-  const combo = useContext7(ComboBoxStateContext);
-  const external = useContext7(OptionHighlightContext);
+  const combo = useContext8(ComboBoxStateContext);
+  const external = useContext8(OptionHighlightContext);
   let query = (external ?? combo?.inputValue ?? "").trim();
   if (combo?.selectedItems.some((item) => item?.textValue === query)) query = "";
-  if (!query || typeof children !== "string") return /* @__PURE__ */ jsx15(Fragment7, { children });
-  return /* @__PURE__ */ jsx15(Highlight, { text: children, query, as: "span", className: "medo-option__match" });
+  if (!query || typeof children !== "string") return /* @__PURE__ */ jsx16(Fragment7, { children });
+  return /* @__PURE__ */ jsx16(Highlight, { text: children, query, as: "span", className: "medo-option__match" });
 }
 
 // src/select/Select.tsx
-import { useContext as useContext9, useEffect as useEffect4, useLayoutEffect as useLayoutEffect2, useRef as useRef4, useState as useState5 } from "react";
+import { useContext as useContext10, useEffect as useEffect4, useLayoutEffect as useLayoutEffect2, useRef as useRef4, useState as useState5 } from "react";
 import {
   Button as AriaButton6,
   Popover as Popover2,
@@ -712,10 +1038,10 @@ import {
 import { ChevronDown, X as X4 } from "lucide-react";
 
 // src/bottom-sheet/BottomSheet.tsx
-import { useContext as useContext8, useId as useId2, useRef as useRef3 } from "react";
+import { useContext as useContext9, useId as useId2, useRef as useRef3 } from "react";
 import { Dialog, Heading, Modal, ModalOverlay, OverlayTriggerStateContext, Popover } from "react-aria-components";
 import { ChevronLeft, X as X3 } from "lucide-react";
-import { Fragment as Fragment8, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 var CLOSE_DISTANCE = 0.25;
 var CLOSE_VELOCITY = 0.5;
 function BottomSheet({
@@ -723,24 +1049,25 @@ function BottomSheet({
   children,
   footer,
   height = "content",
-  closeLabel = "Close",
+  closeLabel,
   onBack,
-  backLabel = "Back",
+  backLabel,
   isDismissable = true,
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx16(ModalOverlay, { ...props, isDismissable, className: "medo-sheet-overlay", children: /* @__PURE__ */ jsx16(Modal, { className: cx("medo-sheet", height === "full" && "medo-sheet--full", className), children: /* @__PURE__ */ jsx16(Dialog, { className: "medo-sheet__dialog", children: ({ close }) => /* @__PURE__ */ jsxs15(Fragment8, { children: [
+  const m = useMessages();
+  return /* @__PURE__ */ jsx17(ModalOverlay, { ...props, isDismissable, className: "medo-sheet-overlay", children: /* @__PURE__ */ jsx17(Modal, { className: cx("medo-sheet", height === "full" && "medo-sheet--full", className), children: /* @__PURE__ */ jsx17(Dialog, { className: "medo-sheet__dialog", children: ({ close }) => /* @__PURE__ */ jsxs15(Fragment8, { children: [
     /* @__PURE__ */ jsxs15(SwipeArea, { onClose: close, children: [
-      /* @__PURE__ */ jsx16("span", { className: "medo-sheet__handle", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx17("span", { className: "medo-sheet__handle", "aria-hidden": "true" }),
       /* @__PURE__ */ jsxs15("div", { className: "medo-sheet__header", children: [
-        onBack && /* @__PURE__ */ jsx16(IconButton, { variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx16(ChevronLeft, {}), "aria-label": backLabel, tooltip: false, onPress: onBack }),
-        /* @__PURE__ */ jsx16(Heading, { slot: "title", className: "medo-sheet__title", children: title }),
-        /* @__PURE__ */ jsx16(IconButton, { variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx16(X3, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
+        onBack && /* @__PURE__ */ jsx17(IconButton, { variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx17(ChevronLeft, {}), "aria-label": backLabel ?? m.common.back, tooltip: false, onPress: onBack }),
+        /* @__PURE__ */ jsx17(Heading, { slot: "title", className: "medo-sheet__title", children: title }),
+        /* @__PURE__ */ jsx17(IconButton, { variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx17(X3, {}), "aria-label": closeLabel ?? m.common.close, tooltip: false, onPress: close })
       ] })
     ] }),
-    /* @__PURE__ */ jsx16("div", { className: "medo-sheet__content", children }),
-    footer && /* @__PURE__ */ jsx16("div", { className: "medo-sheet__footer", children: typeof footer === "function" ? footer(close) : footer })
+    /* @__PURE__ */ jsx17("div", { className: "medo-sheet__content", children }),
+    footer && /* @__PURE__ */ jsx17("div", { className: "medo-sheet__footer", children: typeof footer === "function" ? footer(close) : footer })
   ] }) }) }) });
 }
 function SwipeArea({ onClose, children }) {
@@ -768,33 +1095,34 @@ function SwipeArea({ onClose, children }) {
     d.sheet.style.transform = "";
     if (dy > d.sheet.offsetHeight * CLOSE_DISTANCE || velocity > CLOSE_VELOCITY && dy > 24) onClose();
   };
-  return /* @__PURE__ */ jsx16("div", { className: "medo-sheet__grab", onPointerDown, onPointerMove, onPointerUp: end, onPointerCancel: end, children });
+  return /* @__PURE__ */ jsx17("div", { className: "medo-sheet__grab", onPointerDown, onPointerMove, onPointerUp: end, onPointerCancel: end, children });
 }
 function BottomSheetPopover({
   title,
   children,
   footer,
   height = "content",
-  closeLabel = "Close"
+  closeLabel
 }) {
-  return /* @__PURE__ */ jsx16(Popover, { className: "medo-sheet-overlay medo-sheet-overlay--popover", offset: 0, containerPadding: 0, children: /* @__PURE__ */ jsx16(SheetPopoverBody, { title, footer, height, closeLabel, children }) });
+  return /* @__PURE__ */ jsx17(Popover, { className: "medo-sheet-overlay medo-sheet-overlay--popover", offset: 0, containerPadding: 0, children: /* @__PURE__ */ jsx17(SheetPopoverBody, { title, footer, height, closeLabel, children }) });
 }
 function SheetPopoverBody({ title, children, footer, height, closeLabel }) {
-  const state = useContext8(OverlayTriggerStateContext);
+  const m = useMessages();
+  const state = useContext9(OverlayTriggerStateContext);
   const titleId = useId2();
   const close = () => state?.close();
   return (
     // A tap on the scrim (outside the sheet) closes it.
-    /* @__PURE__ */ jsx16("div", { className: "medo-sheet-scrim", onClick: (e) => e.target === e.currentTarget && close(), children: /* @__PURE__ */ jsxs15("section", { className: cx("medo-sheet", height === "full" && "medo-sheet--full"), "aria-labelledby": titleId, children: [
+    /* @__PURE__ */ jsx17("div", { className: "medo-sheet-scrim", onClick: (e) => e.target === e.currentTarget && close(), children: /* @__PURE__ */ jsxs15("section", { className: cx("medo-sheet", height === "full" && "medo-sheet--full"), "aria-labelledby": titleId, children: [
       /* @__PURE__ */ jsxs15(SwipeArea, { onClose: close, children: [
-        /* @__PURE__ */ jsx16("span", { className: "medo-sheet__handle", "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx17("span", { className: "medo-sheet__handle", "aria-hidden": "true" }),
         /* @__PURE__ */ jsxs15("div", { className: "medo-sheet__header", children: [
-          /* @__PURE__ */ jsx16("h2", { id: titleId, className: "medo-sheet__title", children: title }),
-          /* @__PURE__ */ jsx16(IconButton, { slot: null, variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx16(X3, {}), "aria-label": closeLabel ?? "Close", tooltip: false, onPress: close })
+          /* @__PURE__ */ jsx17("h2", { id: titleId, className: "medo-sheet__title", children: title }),
+          /* @__PURE__ */ jsx17(IconButton, { slot: null, variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx17(X3, {}), "aria-label": closeLabel ?? m.common.close, tooltip: false, onPress: close })
         ] })
       ] }),
-      /* @__PURE__ */ jsx16("div", { className: "medo-sheet__content", children }),
-      footer && /* @__PURE__ */ jsx16("div", { className: "medo-sheet__footer", children: typeof footer === "function" ? footer(close) : footer })
+      /* @__PURE__ */ jsx17("div", { className: "medo-sheet__content", children }),
+      footer && /* @__PURE__ */ jsx17("div", { className: "medo-sheet__footer", children: typeof footer === "function" ? footer(close) : footer })
     ] }) })
   );
 }
@@ -847,12 +1175,12 @@ function useMediaQuery(query) {
 }
 
 // src/select/Select.tsx
-import { Fragment as Fragment9, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function Select({
   label,
   description,
   errorMessage,
-  placeholder = "Select\u2026",
+  placeholder: placeholderProp,
   size = "md",
   leadingIcon,
   clearable,
@@ -862,11 +1190,14 @@ function Select({
   overlay = "auto",
   commit = "live",
   onApply,
-  resultLabel = () => "Show results",
+  resultLabel: resultLabelProp,
   className,
   selectionMode,
   ...props
 }) {
+  const m = useMessages();
+  const placeholder = placeholderProp ?? m.select.placeholder;
+  const resultLabel = resultLabelProp ?? (() => m.common.showResults);
   const multiple = selectionMode === "multiple";
   const mobile = useMediaQuery(MOBILE_QUERY);
   const mode = overlay === "auto" ? mobile ? multiple ? "sheet" : "native" : "popover" : overlay === "native" && multiple ? "sheet" : overlay;
@@ -888,52 +1219,53 @@ function Select({
         className
       ),
       children: [
-        label && /* @__PURE__ */ jsx17(FieldLabel, { isRequired: props.isRequired, children: label }),
+        label && /* @__PURE__ */ jsx18(FieldLabel, { isRequired: props.isRequired, children: label }),
         /* @__PURE__ */ jsxs16("div", { ref: fieldRef, className: cx("medo-input", `medo-input--${size}`, "medo-select__field"), children: [
-          /* @__PURE__ */ jsx17(ReadOnlyKeys, { isReadOnly, children: /* @__PURE__ */ jsxs16(AriaButton6, { className: "medo-select__trigger", excludeFromTabOrder: mode === "native", "aria-hidden": mode === "native" || void 0, children: [
-            leadingIcon && /* @__PURE__ */ jsx17("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
-            /* @__PURE__ */ jsx17(SelectValue, { className: "medo-select__value", children: ({ defaultChildren, isPlaceholder, selectedText }) => /* @__PURE__ */ jsxs16(Fragment9, { children: [
-              isPlaceholder ? defaultChildren : multiple ? /* @__PURE__ */ jsx17(SelectedTags, { size }) : selectedText,
-              isReadOnly && /* @__PURE__ */ jsx17("span", { className: "medo-visually-hidden", children: ", read only" })
+          /* @__PURE__ */ jsx18(ReadOnlyKeys, { isReadOnly, children: /* @__PURE__ */ jsxs16(AriaButton6, { className: "medo-select__trigger", excludeFromTabOrder: mode === "native", "aria-hidden": mode === "native" || void 0, children: [
+            leadingIcon && /* @__PURE__ */ jsx18("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
+            /* @__PURE__ */ jsx18(SelectValue, { className: "medo-select__value", children: ({ defaultChildren, isPlaceholder, selectedText }) => /* @__PURE__ */ jsxs16(Fragment9, { children: [
+              isPlaceholder ? defaultChildren : multiple ? /* @__PURE__ */ jsx18(SelectedTags, { size }) : selectedText,
+              isReadOnly && /* @__PURE__ */ jsx18("span", { className: "medo-visually-hidden", children: ", read only" })
             ] }) }),
-            !isReadOnly && /* @__PURE__ */ jsx17("span", { className: "medo-select__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx17(ChevronDown, {}) })
+            !isReadOnly && /* @__PURE__ */ jsx18("span", { className: "medo-select__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(ChevronDown, {}) })
           ] }) }),
-          mode === "native" && !isReadOnly && /* @__PURE__ */ jsx17(NativePicker, { label: label ?? props["aria-label"], placeholder, isRequired: props.isRequired }),
-          /* @__PURE__ */ jsx17(ClearButton, { enabled: (multiple || !!clearable) && !isReadOnly && !props.isDisabled, onHasValue: setHasValue })
+          mode === "native" && !isReadOnly && /* @__PURE__ */ jsx18(NativePicker, { label: label ?? props["aria-label"], placeholder, isRequired: props.isRequired }),
+          /* @__PURE__ */ jsx18(ClearButton, { enabled: (multiple || !!clearable) && !isReadOnly && !props.isDisabled, onHasValue: setHasValue })
         ] }),
-        /* @__PURE__ */ jsx17(FieldFooter, { description, errorMessage }),
-        commit === "onClose" && onApply && /* @__PURE__ */ jsx17(ApplyOnClose, { onApply }),
-        mode === "sheet" ? /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18(FieldFooter, { description, errorMessage }),
+        commit === "onClose" && onApply && /* @__PURE__ */ jsx18(ApplyOnClose, { onApply }),
+        mode === "sheet" ? /* @__PURE__ */ jsx18(
           BottomSheetPopover,
           {
             title: label ?? props["aria-label"],
-            footer: multiple ? /* @__PURE__ */ jsx17(SheetFooter, { commit, resultLabel }) : void 0,
-            children: /* @__PURE__ */ jsx17(ListBox, { size: "lg", items, children })
+            footer: multiple ? /* @__PURE__ */ jsx18(SheetFooter, { commit, resultLabel }) : void 0,
+            children: /* @__PURE__ */ jsx18(ListBox, { size: "lg", items, children })
           }
-        ) : /* @__PURE__ */ jsx17(Popover2, { triggerRef: fieldRef, offset: 4, className: "medo-listbox-popover", children: /* @__PURE__ */ jsx17(ListBox, { size: size === "lg" ? "lg" : "md", items, children }) })
+        ) : /* @__PURE__ */ jsx18(Popover2, { triggerRef: fieldRef, offset: 4, className: "medo-listbox-popover", children: /* @__PURE__ */ jsx18(ListBox, { size: size === "lg" ? "lg" : "md", items, children }) })
       ]
     }
   );
 }
 function ReadOnlyKeys({ isReadOnly, children }) {
-  if (!isReadOnly) return /* @__PURE__ */ jsx17(Fragment9, { children });
+  if (!isReadOnly) return /* @__PURE__ */ jsx18(Fragment9, { children });
   const block = (e) => {
     if (e.key !== "Tab") e.stopPropagation();
   };
-  return /* @__PURE__ */ jsx17("div", { style: { display: "contents" }, onKeyDownCapture: block, children });
+  return /* @__PURE__ */ jsx18("div", { style: { display: "contents" }, onKeyDownCapture: block, children });
 }
 function ClearButton({ enabled, onHasValue }) {
-  const state = useContext9(SelectStateContext);
+  const m = useMessages();
+  const state = useContext10(SelectStateContext);
   const hasValue = !!state && (Array.isArray(state.value) ? state.value.length > 0 : state.value != null);
   useLayoutEffect2(() => onHasValue(hasValue), [hasValue, onHasValue]);
   const ref = useRef4(null);
   if (!enabled || !hasValue || !state) return null;
-  return /* @__PURE__ */ jsx17("span", { className: "medo-select__clear", ref, children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18("span", { className: "medo-select__clear", ref, children: /* @__PURE__ */ jsx18(
     InputAction,
     {
       slot: null,
-      "aria-label": Array.isArray(state.value) ? "Clear all" : "Clear selection",
-      icon: /* @__PURE__ */ jsx17(X4, {}),
+      "aria-label": Array.isArray(state.value) ? m.common.clearAll : m.select.clearSelection,
+      icon: /* @__PURE__ */ jsx18(X4, {}),
       onPress: () => {
         state.setValue(Array.isArray(state.value) ? [] : null);
         ref.current?.parentElement?.querySelector(".medo-select__trigger")?.focus();
@@ -942,7 +1274,7 @@ function ClearButton({ enabled, onHasValue }) {
   ) });
 }
 function SelectedTags({ size }) {
-  const state = useContext9(SelectStateContext);
+  const state = useContext10(SelectStateContext);
   const labels = state?.selectedItems.map((item) => item.textValue) ?? [];
   const key = labels.join("\0");
   const rowRef = useRef4(null);
@@ -951,15 +1283,15 @@ function SelectedTags({ size }) {
   const tagClass = cx("medo-tag", size === "lg" ? "medo-tag--md" : "medo-tag--sm");
   const hidden = labels.length - visible;
   return /* @__PURE__ */ jsxs16("span", { className: "medo-select__tags", ref: rowRef, children: [
-    /* @__PURE__ */ jsx17("span", { className: "medo-visually-hidden", children: labels.join(", ") }),
+    /* @__PURE__ */ jsx18("span", { className: "medo-visually-hidden", children: labels.join(", ") }),
     /* @__PURE__ */ jsxs16("span", { className: "medo-select__measure", ref: measureRef, "aria-hidden": "true", children: [
-      labels.map((label, i) => /* @__PURE__ */ jsx17("span", { className: tagClass, children: label }, i)),
+      labels.map((label, i) => /* @__PURE__ */ jsx18("span", { className: tagClass, children: label }, i)),
       /* @__PURE__ */ jsxs16("span", { className: tagClass, children: [
         "+",
         labels.length
       ] })
     ] }),
-    labels.slice(0, visible).map((label, i) => /* @__PURE__ */ jsx17("span", { className: tagClass, "aria-hidden": "true", children: /* @__PURE__ */ jsx17("span", { className: "medo-select__tag-label", children: label }) }, i)),
+    labels.slice(0, visible).map((label, i) => /* @__PURE__ */ jsx18("span", { className: tagClass, "aria-hidden": "true", children: /* @__PURE__ */ jsx18("span", { className: "medo-select__tag-label", children: label }) }, i)),
     hidden > 0 && /* @__PURE__ */ jsxs16("span", { className: tagClass, "aria-hidden": "true", children: [
       "+",
       hidden
@@ -967,14 +1299,14 @@ function SelectedTags({ size }) {
   ] });
 }
 function NativePicker({ label, placeholder, isRequired }) {
-  const state = useContext9(SelectStateContext);
+  const state = useContext10(SelectStateContext);
   if (!state) return null;
   const keys = /* @__PURE__ */ new Map();
   const option = (key) => {
     const node = state.collection.getItem(key);
     if (!node || node.type !== "item") return null;
     keys.set(String(key), key);
-    return /* @__PURE__ */ jsx17("option", { value: String(key), disabled: state.selectionManager.isDisabled(key), children: node.textValue }, String(key));
+    return /* @__PURE__ */ jsx18("option", { value: String(key), disabled: state.selectionManager.isDisabled(key), children: node.textValue }, String(key));
   };
   const value = state.value == null || Array.isArray(state.value) ? "" : String(state.value);
   return /* @__PURE__ */ jsxs16(
@@ -986,31 +1318,29 @@ function NativePicker({ label, placeholder, isRequired }) {
       value,
       onChange: (e) => state.setValue(e.target.value === "" ? null : keys.get(e.target.value) ?? e.target.value),
       children: [
-        /* @__PURE__ */ jsx17("option", { value: "", disabled: isRequired, children: placeholder }),
+        /* @__PURE__ */ jsx18("option", { value: "", disabled: isRequired, children: placeholder }),
         [...state.collection].map(
-          (node) => node.type === "section" ? /* @__PURE__ */ jsx17("optgroup", { label: node.textValue || node["aria-label"] || "", children: [...state.collection.getChildren(node.key)].map((child) => option(child.key)) }, String(node.key)) : option(node.key)
+          (node) => node.type === "section" ? /* @__PURE__ */ jsx18("optgroup", { label: node.textValue || node["aria-label"] || "", children: [...state.collection.getChildren(node.key)].map((child) => option(child.key)) }, String(node.key)) : option(node.key)
         )
       ]
     }
   );
 }
 function SheetFooter({ commit, resultLabel }) {
-  const state = useContext9(SelectStateContext);
+  const m = useMessages();
+  const state = useContext10(SelectStateContext);
   if (!state) return null;
   const count = Array.isArray(state.value) ? state.value.length : state.value == null ? 0 : 1;
   return commit === "onClose" ? /* @__PURE__ */ jsxs16(Fragment9, { children: [
-    /* @__PURE__ */ jsx17(Button, { size: "lg", onPress: () => state.close(), children: resultLabel(state.value) }),
-    /* @__PURE__ */ jsx17(Button, { size: "lg", variant: "secondary", onPress: () => state.setValue([]), isDisabled: count === 0, children: "Reset" })
+    /* @__PURE__ */ jsx18(Button, { size: "lg", onPress: () => state.close(), children: resultLabel(state.value) }),
+    /* @__PURE__ */ jsx18(Button, { size: "lg", variant: "secondary", onPress: () => state.setValue([]), isDisabled: count === 0, children: m.common.reset })
   ] }) : /* @__PURE__ */ jsxs16(Fragment9, { children: [
-    /* @__PURE__ */ jsxs16("p", { className: "medo-sheet__count", "aria-live": "polite", children: [
-      count,
-      " selected"
-    ] }),
-    /* @__PURE__ */ jsx17(Button, { size: "lg", onPress: () => state.close(), children: "Done" })
+    /* @__PURE__ */ jsx18("p", { className: "medo-sheet__count", "aria-live": "polite", children: m.common.countSelected(count) }),
+    /* @__PURE__ */ jsx18(Button, { size: "lg", onPress: () => state.close(), children: m.common.done })
   ] });
 }
 function ApplyOnClose({ onApply }) {
-  const state = useContext9(SelectStateContext);
+  const state = useContext10(SelectStateContext);
   const opened = useRef4(null);
   const isOpen = !!state?.isOpen;
   useEffect4(() => {
@@ -1026,7 +1356,7 @@ function ApplyOnClose({ onApply }) {
 }
 
 // src/menu/Menu.tsx
-import { createContext as createContext6, useContext as useContext10, useState as useState6 } from "react";
+import { createContext as createContext7, useContext as useContext11, useState as useState6 } from "react";
 import {
   Header as Header2,
   Keyboard,
@@ -1039,52 +1369,53 @@ import {
   Text as Text7
 } from "react-aria-components";
 import { ChevronRight, Ellipsis } from "lucide-react";
-import { Fragment as Fragment10, jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 import { createElement } from "react";
-var MenuModeContext = createContext6({ size: "md" });
+var MenuModeContext = createContext7({ size: "md" });
 function MenuTrigger(props) {
-  return /* @__PURE__ */ jsx18(AriaMenuTrigger, { ...props });
+  return /* @__PURE__ */ jsx19(AriaMenuTrigger, { ...props });
 }
 function MenuButton({ "aria-label": label, size = "md" }) {
-  return /* @__PURE__ */ jsx18(IconButton, { variant: "ghost", size, icon: /* @__PURE__ */ jsx18(Ellipsis, {}), "aria-label": label });
+  return /* @__PURE__ */ jsx19(IconButton, { variant: "ghost", size, icon: /* @__PURE__ */ jsx19(Ellipsis, {}), "aria-label": label });
 }
 function Menu({ title, overlay = "auto", className, ...props }) {
   const mobile = useMediaQuery(MOBILE_QUERY);
   const sheet = overlay === "sheet" || overlay === "auto" && mobile;
-  if (sheet) return /* @__PURE__ */ jsx18(SheetMenu, { title, className, ...props });
-  return /* @__PURE__ */ jsx18(Popover3, { placement: "bottom end", offset: 4, className: "medo-menu-popover", children: /* @__PURE__ */ jsx18(MenuModeContext.Provider, { value: { size: "md" }, children: /* @__PURE__ */ jsx18(AriaMenu, { ...props, className: cx("medo-menu", "medo-menu--md", className) }) }) });
+  if (sheet) return /* @__PURE__ */ jsx19(SheetMenu, { title, className, ...props });
+  return /* @__PURE__ */ jsx19(Popover3, { placement: "bottom end", offset: 4, className: "medo-menu-popover", children: /* @__PURE__ */ jsx19(MenuModeContext.Provider, { value: { size: "md" }, children: /* @__PURE__ */ jsx19(AriaMenu, { ...props, className: cx("medo-menu", "medo-menu--md", className) }) }) });
 }
 function SheetMenu({ title, className, ...props }) {
   const [view, setView] = useState6(null);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     BottomSheet,
     {
       title: view ? view.title : title ?? props["aria-label"],
       onBack: view ? () => setView(null) : void 0,
       onOpenChange: (open) => !open && setView(null),
-      children: /* @__PURE__ */ jsx18(MenuModeContext.Provider, { value: { size: "lg", push: (t, c) => setView({ title: t, children: c }) }, children: view ? /* @__PURE__ */ jsx18(AriaMenu, { "aria-label": typeof view.title === "string" ? view.title : void 0, autoFocus: "first", className: cx("medo-menu", "medo-menu--lg", className), children: view.children }, "sub") : /* @__PURE__ */ createElement(AriaMenu, { ...props, key: "main", className: cx("medo-menu", "medo-menu--lg", className) }) })
+      children: /* @__PURE__ */ jsx19(MenuModeContext.Provider, { value: { size: "lg", push: (t, c) => setView({ title: t, children: c }) }, children: view ? /* @__PURE__ */ jsx19(AriaMenu, { "aria-label": typeof view.title === "string" ? view.title : void 0, autoFocus: "first", className: cx("medo-menu", "medo-menu--lg", className), children: view.children }, "sub") : /* @__PURE__ */ createElement(AriaMenu, { ...props, key: "main", className: cx("medo-menu", "medo-menu--lg", className) }) })
     }
   );
 }
 function MenuItem({ children, icon, shortcut, variant = "default", textValue, ...props }) {
-  const { size } = useContext10(MenuModeContext);
-  return /* @__PURE__ */ jsx18(
+  const m = useMessages();
+  const { size } = useContext11(MenuModeContext);
+  return /* @__PURE__ */ jsx19(
     AriaMenuItem,
     {
       ...props,
       textValue: textValue ?? children,
       className: cx("medo-menu-item", variant === "danger" && "medo-menu-item--danger"),
       children: ({ hasSubmenu }) => /* @__PURE__ */ jsxs17(Fragment10, { children: [
-        /* @__PURE__ */ jsx18("span", { className: "medo-menu-item__icon", "aria-hidden": "true", children: icon }),
-        /* @__PURE__ */ jsx18(Text7, { slot: "label", className: "medo-menu-item__label", children }),
-        shortcut && size === "md" && /* @__PURE__ */ jsx18(Keyboard, { className: "medo-menu-item__shortcut", children: formatShortcut(shortcut) }),
-        hasSubmenu && /* @__PURE__ */ jsx18("span", { className: "medo-menu-item__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(ChevronRight, {}) })
+        /* @__PURE__ */ jsx19("span", { className: "medo-menu-item__icon", "aria-hidden": "true", children: icon }),
+        /* @__PURE__ */ jsx19(Text7, { slot: "label", className: "medo-menu-item__label", children }),
+        shortcut && size === "md" && /* @__PURE__ */ jsx19(Keyboard, { className: "medo-menu-item__shortcut", children: formatShortcut(shortcut, m.keys.control) }),
+        hasSubmenu && /* @__PURE__ */ jsx19("span", { className: "medo-menu-item__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(ChevronRight, {}) })
       ] })
     }
   );
 }
 function Submenu({ label, icon, children, isDisabled }) {
-  const { size, push } = useContext10(MenuModeContext);
+  const { size, push } = useContext11(MenuModeContext);
   if (push) {
     return /* @__PURE__ */ jsxs17(
       AriaMenuItem,
@@ -1095,33 +1426,33 @@ function Submenu({ label, icon, children, isDisabled }) {
         onAction: () => push(label, children),
         className: "medo-menu-item",
         children: [
-          /* @__PURE__ */ jsx18("span", { className: "medo-menu-item__icon", "aria-hidden": "true", children: icon }),
-          /* @__PURE__ */ jsx18(Text7, { slot: "label", className: "medo-menu-item__label", children: label }),
-          /* @__PURE__ */ jsx18("span", { className: "medo-menu-item__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx18(ChevronRight, {}) })
+          /* @__PURE__ */ jsx19("span", { className: "medo-menu-item__icon", "aria-hidden": "true", children: icon }),
+          /* @__PURE__ */ jsx19(Text7, { slot: "label", className: "medo-menu-item__label", children: label }),
+          /* @__PURE__ */ jsx19("span", { className: "medo-menu-item__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(ChevronRight, {}) })
         ]
       }
     );
   }
   return /* @__PURE__ */ jsxs17(SubmenuTrigger, { children: [
-    /* @__PURE__ */ jsx18(MenuItem, { icon, isDisabled, children: label }),
-    /* @__PURE__ */ jsx18(Popover3, { placement: "end top", offset: 4, crossOffset: -5, className: "medo-menu-popover", children: /* @__PURE__ */ jsx18(AriaMenu, { "aria-label": label, className: cx("medo-menu", `medo-menu--${size}`), children }) })
+    /* @__PURE__ */ jsx19(MenuItem, { icon, isDisabled, children: label }),
+    /* @__PURE__ */ jsx19(Popover3, { placement: "end top", offset: 4, crossOffset: -5, className: "medo-menu-popover", children: /* @__PURE__ */ jsx19(AriaMenu, { "aria-label": label, className: cx("medo-menu", `medo-menu--${size}`), children }) })
   ] });
 }
 function MenuSection({ title, children, ...props }) {
   return /* @__PURE__ */ jsxs17(AriaMenuSection, { "aria-label": props["aria-label"], className: "medo-menu__section", children: [
-    title && /* @__PURE__ */ jsx18(Header2, { className: "medo-listbox__header", children: title }),
+    title && /* @__PURE__ */ jsx19(Header2, { className: "medo-listbox__header", children: title }),
     children
   ] });
 }
 
 // src/dialog/Dialog.tsx
-import { useContext as useContext11, useEffect as useEffect5, useId as useId3, useLayoutEffect as useLayoutEffect3, useRef as useRef5, useState as useState7 } from "react";
+import { useContext as useContext12, useEffect as useEffect5, useId as useId3, useLayoutEffect as useLayoutEffect3, useRef as useRef5, useState as useState7 } from "react";
 import { Dialog as AriaDialog, DialogContext, Heading as Heading2, Modal as Modal2, ModalOverlay as ModalOverlay2, OverlayTriggerStateContext as OverlayTriggerStateContext2, Provider } from "react-aria-components";
 import { CircleAlert as CircleAlert2, Info, TriangleAlert, X as X5 } from "lucide-react";
 import { DialogTrigger } from "react-aria-components";
-import { Fragment as Fragment11, jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
+import { Fragment as Fragment11, jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function useOpenState({ isOpen, onOpenChange }) {
-  const trigger = useContext11(OverlayTriggerStateContext2);
+  const trigger = useContext12(OverlayTriggerStateContext2);
   const open = isOpen ?? trigger?.isOpen ?? false;
   const setOpen = (next) => {
     onOpenChange?.(next);
@@ -1142,7 +1473,7 @@ function ActionButton({ action, close, size, variant }) {
       setPending(false);
     }
   };
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Button,
     {
       variant: action.variant ?? variant,
@@ -1157,7 +1488,7 @@ function ActionButton({ action, close, size, variant }) {
   );
 }
 function Nested({ children }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     Provider,
     {
       values: [
@@ -1175,8 +1506,15 @@ function useDirtyGuard({ isDirty = false, discardText, ...openProps }) {
     if (next || !isDirty) setOpen(next);
     else setConfirm(true);
   };
-  const discard = { ...DISCARD, ...discardText };
-  const confirmDiscard = /* @__PURE__ */ jsx19(Nested, { children: /* @__PURE__ */ jsx19(
+  const m = useMessages();
+  const discard = {
+    title: m.dialog.discardTitle,
+    description: m.dialog.discardDescription,
+    actionLabel: m.dialog.discardAction,
+    cancelLabel: m.dialog.discardCancel,
+    ...discardText
+  };
+  const confirmDiscard = /* @__PURE__ */ jsx20(Nested, { children: /* @__PURE__ */ jsx20(
     AlertDialog,
     {
       tone: "warning",
@@ -1192,20 +1530,14 @@ function useDirtyGuard({ isDirty = false, discardText, ...openProps }) {
   const forceClose = () => setOpen(false);
   return { open, onOpenChange, confirmDiscard, forceClose };
 }
-var DISCARD = {
-  title: "Discard changes?",
-  description: "Your changes will be lost.",
-  actionLabel: "Discard",
-  cancelLabel: "Keep editing"
-};
 function Dialog2({
   title,
   description,
   children,
   size = "md",
   primaryAction,
-  cancelLabel = "Cancel",
-  closeLabel = "Close",
+  cancelLabel: cancelLabelProp,
+  closeLabel: closeLabelProp,
   showClose = true,
   isDirty = false,
   discardText,
@@ -1214,6 +1546,9 @@ function Dialog2({
   className,
   ...openProps
 }) {
+  const m = useMessages();
+  const cancelLabel = cancelLabelProp ?? m.common.cancel;
+  const closeLabel = closeLabelProp ?? m.common.close;
   const { open, onOpenChange, confirmDiscard, forceClose } = useDirtyGuard({ isDirty, discardText, ...openProps });
   const isMobile = useMediaQuery(MOBILE_QUERY);
   const layout = overlay === "auto" ? isMobile ? mobile : "dialog" : overlay;
@@ -1229,25 +1564,25 @@ function Dialog2({
         isDismissable: !isDirty,
         className,
         footer: primaryAction && ((close) => /* @__PURE__ */ jsxs18(ButtonGroup, { children: [
-          /* @__PURE__ */ jsx19(Button, { variant: "secondary", size: "lg", onPress: close, children: cancelLabel }),
-          /* @__PURE__ */ jsx19(ActionButton, { action: primaryAction, close: forceClose, size: "lg", variant: "primary" })
+          /* @__PURE__ */ jsx20(Button, { variant: "secondary", size: "lg", onPress: close, children: cancelLabel }),
+          /* @__PURE__ */ jsx20(ActionButton, { action: primaryAction, close: forceClose, size: "lg", variant: "primary" })
         ] })),
         children: [
-          /* @__PURE__ */ jsx19(SheetContent, { description, children: content(forceClose) }),
+          /* @__PURE__ */ jsx20(SheetContent, { description, children: content(forceClose) }),
           confirmDiscard
         ]
       }
     );
   }
   const fullscreen = layout === "fullscreen";
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     ModalOverlay2,
     {
       isOpen: open,
       onOpenChange,
       isDismissable: !isDirty,
       className: cx("medo-dialog-overlay", fullscreen && "medo-dialog-overlay--fullscreen"),
-      children: /* @__PURE__ */ jsx19(Modal2, { className: cx("medo-dialog", fullscreen ? "medo-dialog--fullscreen" : `medo-dialog--${size}`, className), children: /* @__PURE__ */ jsx19(
+      children: /* @__PURE__ */ jsx20(Modal2, { className: cx("medo-dialog", fullscreen ? "medo-dialog--fullscreen" : `medo-dialog--${size}`, className), children: /* @__PURE__ */ jsx20(
         DialogFrame,
         {
           title,
@@ -1270,29 +1605,29 @@ function DialogFrame({ title, description, fullscreen, primaryAction, cancelLabe
   const ref = useRef5(null);
   const [scrolls, setScrolls] = useState7(false);
   useInitialFocus(ref);
-  return /* @__PURE__ */ jsx19(AriaDialog, { ref, className: "medo-dialog__dialog", "aria-describedby": description ? descriptionId : void 0, "data-scrolled": scrolls || void 0, children: ({ close }) => fullscreen ? /* @__PURE__ */ jsxs18(Fragment11, { children: [
+  return /* @__PURE__ */ jsx20(AriaDialog, { ref, className: "medo-dialog__dialog", "aria-describedby": description ? descriptionId : void 0, "data-scrolled": scrolls || void 0, children: ({ close }) => fullscreen ? /* @__PURE__ */ jsxs18(Fragment11, { children: [
     /* @__PURE__ */ jsxs18("div", { className: "medo-dialog__bar", children: [
-      /* @__PURE__ */ jsx19(Button, { variant: "ghost", size: "md", onPress: close, children: primaryAction ? cancelLabel : closeLabel }),
-      /* @__PURE__ */ jsx19(Heading2, { slot: "title", className: "medo-dialog__bar-title", children: title }),
-      primaryAction ? /* @__PURE__ */ jsx19(ActionButton, { action: primaryAction, close: forceClose, size: "md", variant: "primary" }) : /* @__PURE__ */ jsx19("span", {})
+      /* @__PURE__ */ jsx20(Button, { variant: "ghost", size: "md", onPress: close, children: primaryAction ? cancelLabel : closeLabel }),
+      /* @__PURE__ */ jsx20(Heading2, { slot: "title", className: "medo-dialog__bar-title", children: title }),
+      primaryAction ? /* @__PURE__ */ jsx20(ActionButton, { action: primaryAction, close: forceClose, size: "md", variant: "primary" }) : /* @__PURE__ */ jsx20("span", {})
     ] }),
     /* @__PURE__ */ jsxs18(DialogBody, { onScrollsChange: setScrolls, children: [
-      description && /* @__PURE__ */ jsx19("p", { id: descriptionId, className: "medo-dialog__description", children: description }),
+      description && /* @__PURE__ */ jsx20("p", { id: descriptionId, className: "medo-dialog__description", children: description }),
       children(forceClose)
     ] }),
     nested
   ] }) : /* @__PURE__ */ jsxs18(Fragment11, { children: [
     /* @__PURE__ */ jsxs18("div", { className: "medo-dialog__header", children: [
       /* @__PURE__ */ jsxs18("div", { className: "medo-dialog__heading", children: [
-        /* @__PURE__ */ jsx19(Heading2, { slot: "title", className: "medo-dialog__title", children: title }),
-        description && /* @__PURE__ */ jsx19("p", { id: descriptionId, className: "medo-dialog__description", children: description })
+        /* @__PURE__ */ jsx20(Heading2, { slot: "title", className: "medo-dialog__title", children: title }),
+        description && /* @__PURE__ */ jsx20("p", { id: descriptionId, className: "medo-dialog__description", children: description })
       ] }),
-      showClose && /* @__PURE__ */ jsx19(IconButton, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx19(X5, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
+      showClose && /* @__PURE__ */ jsx20(IconButton, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx20(X5, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
     ] }),
-    /* @__PURE__ */ jsx19(DialogBody, { onScrollsChange: setScrolls, children: children(forceClose) }),
-    primaryAction && /* @__PURE__ */ jsx19("div", { className: "medo-dialog__footer", children: /* @__PURE__ */ jsxs18(ButtonGroup, { children: [
-      /* @__PURE__ */ jsx19(Button, { variant: "secondary", onPress: close, children: cancelLabel }),
-      /* @__PURE__ */ jsx19(ActionButton, { action: primaryAction, close: forceClose, size: "md", variant: "primary" })
+    /* @__PURE__ */ jsx20(DialogBody, { onScrollsChange: setScrolls, children: children(forceClose) }),
+    primaryAction && /* @__PURE__ */ jsx20("div", { className: "medo-dialog__footer", children: /* @__PURE__ */ jsxs18(ButtonGroup, { children: [
+      /* @__PURE__ */ jsx20(Button, { variant: "secondary", onPress: close, children: cancelLabel }),
+      /* @__PURE__ */ jsx20(ActionButton, { action: primaryAction, close: forceClose, size: "md", variant: "primary" })
     ] }) }),
     nested
   ] }) });
@@ -1311,11 +1646,11 @@ function DialogBody({ children, onScrollsChange }) {
     return () => observer.disconnect();
   }, []);
   useEffect5(() => onScrollsChange(scrolls), [scrolls, onScrollsChange]);
-  return /* @__PURE__ */ jsx19("div", { ref, className: "medo-dialog__body", tabIndex: scrolls ? 0 : void 0, children: /* @__PURE__ */ jsx19("div", { className: "medo-dialog__body-inner", children }) });
+  return /* @__PURE__ */ jsx20("div", { ref, className: "medo-dialog__body", tabIndex: scrolls ? 0 : void 0, children: /* @__PURE__ */ jsx20("div", { className: "medo-dialog__body-inner", children }) });
 }
 function SheetContent({ description, children }) {
   return /* @__PURE__ */ jsxs18("div", { className: "medo-dialog__sheet-body", children: [
-    description && /* @__PURE__ */ jsx19("p", { className: "medo-dialog__description", children: description }),
+    description && /* @__PURE__ */ jsx20("p", { className: "medo-dialog__description", children: description }),
     children
   ] });
 }
@@ -1334,29 +1669,31 @@ var TONE_ICONS = {
   warning: TriangleAlert,
   info: Info
 };
-function AlertDialog({ tone = "danger", title, children, actionLabel, onAction, cancelLabel = "Cancel", className, ...openProps }) {
+function AlertDialog({ tone = "danger", title, children, actionLabel, onAction, cancelLabel: cancelLabelProp, className, ...openProps }) {
+  const m = useMessages();
+  const cancelLabel = cancelLabelProp ?? m.common.cancel;
   const [open, setOpen] = useOpenState(openProps);
   const isMobile = useMediaQuery(MOBILE_QUERY);
   const descriptionId = useId3();
   const Icon = TONE_ICONS[tone];
   const size = isMobile ? "lg" : "md";
-  return /* @__PURE__ */ jsx19(ModalOverlay2, { isOpen: open, onOpenChange: setOpen, isDismissable: false, className: "medo-dialog-overlay", children: /* @__PURE__ */ jsx19(Modal2, { className: cx("medo-dialog", "medo-alert-dialog", `medo-alert-dialog--${tone}`, className), children: /* @__PURE__ */ jsx19(AriaDialog, { role: "alertdialog", "aria-describedby": children ? descriptionId : void 0, className: "medo-dialog__dialog", children: ({ close }) => /* @__PURE__ */ jsxs18(Fragment11, { children: [
+  return /* @__PURE__ */ jsx20(ModalOverlay2, { isOpen: open, onOpenChange: setOpen, isDismissable: false, className: "medo-dialog-overlay", children: /* @__PURE__ */ jsx20(Modal2, { className: cx("medo-dialog", "medo-alert-dialog", `medo-alert-dialog--${tone}`, className), children: /* @__PURE__ */ jsx20(AriaDialog, { role: "alertdialog", "aria-describedby": children ? descriptionId : void 0, className: "medo-dialog__dialog", children: ({ close }) => /* @__PURE__ */ jsxs18(Fragment11, { children: [
     /* @__PURE__ */ jsxs18("div", { className: "medo-alert-dialog__content", children: [
-      /* @__PURE__ */ jsx19("span", { className: "medo-alert-dialog__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(Icon, {}) }),
+      /* @__PURE__ */ jsx20("span", { className: "medo-alert-dialog__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(Icon, {}) }),
       /* @__PURE__ */ jsxs18("div", { className: "medo-alert-dialog__text", children: [
-        /* @__PURE__ */ jsx19(Heading2, { slot: "title", className: "medo-alert-dialog__title", children: title }),
-        children && /* @__PURE__ */ jsx19("div", { id: descriptionId, className: "medo-alert-dialog__description", children })
+        /* @__PURE__ */ jsx20(Heading2, { slot: "title", className: "medo-alert-dialog__title", children: title }),
+        children && /* @__PURE__ */ jsx20("div", { id: descriptionId, className: "medo-alert-dialog__description", children })
       ] })
     ] }),
     /* @__PURE__ */ jsxs18(ButtonGroup, { children: [
-      /* @__PURE__ */ jsx19(Button, { variant: "secondary", size, autoFocus: true, onPress: close, children: cancelLabel }),
-      /* @__PURE__ */ jsx19(ActionButton, { action: { label: actionLabel, onAction }, close, size, variant: tone === "danger" ? "danger" : "primary" })
+      /* @__PURE__ */ jsx20(Button, { variant: "secondary", size, autoFocus: true, onPress: close, children: cancelLabel }),
+      /* @__PURE__ */ jsx20(ActionButton, { action: { label: actionLabel, onAction }, close, size, variant: tone === "danger" ? "danger" : "primary" })
     ] })
   ] }) }) }) });
 }
 
 // src/combobox/Combobox.tsx
-import { useContext as useContext12, useEffect as useEffect6, useId as useId4, useRef as useRef6, useState as useState8 } from "react";
+import { useContext as useContext13, useEffect as useEffect6, useId as useId4, useRef as useRef6, useState as useState8 } from "react";
 import {
   Autocomplete,
   Button as AriaButton7,
@@ -1371,23 +1708,23 @@ import {
   useFilter
 } from "react-aria-components";
 import { ChevronDown as ChevronDown2, CircleAlert as CircleAlert3, Plus, Search, X as X6 } from "lucide-react";
-import { Fragment as Fragment12, jsx as jsx20, jsxs as jsxs19 } from "react/jsx-runtime";
+import { Fragment as Fragment12, jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 var CREATE_KEY = "__medo_create__";
 function Combobox({
   label,
   description,
   errorMessage,
-  placeholder = "Search\u2026",
+  placeholder: placeholderProp,
   size = "md",
   leadingIcon,
   isLoading,
-  noResultsMessage = (text) => text ? `No results for \u201E${text}\u201C` : "No results",
+  noResultsMessage: noResultsProp,
   onCreate,
   children,
   overlay = "auto",
   commit = "live",
   onApply,
-  resultLabel = () => "Show results",
+  resultLabel: resultLabelProp,
   className,
   selectionMode,
   value: valueProp,
@@ -1396,6 +1733,10 @@ function Combobox({
   onInputChange,
   ...props
 }) {
+  const m = useMessages();
+  const placeholder = placeholderProp ?? m.combobox.placeholder;
+  const noResultsMessage = noResultsProp ?? ((text2) => text2 ? m.common.noResultsFor(text2) : m.common.noResults);
+  const resultLabel = resultLabelProp ?? (() => m.common.showResults);
   const multiple = selectionMode === "multiple";
   const groupRef = useRef6(null);
   const inputRef = useRef6(null);
@@ -1421,7 +1762,7 @@ function Combobox({
   };
   const mobile = useMediaQuery(MOBILE_QUERY);
   if (overlay === "sheet" || overlay === "auto" && mobile) {
-    return /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(
       ComboboxSheet,
       {
         ...{
@@ -1478,22 +1819,22 @@ function Combobox({
       allowsEmptyCollection: true,
       className: cx("medo-field", "medo-combobox", className),
       children: [
-        /* @__PURE__ */ jsx20(FieldLabel, { isRequired: props.isRequired, children: label }),
+        /* @__PURE__ */ jsx21(FieldLabel, { isRequired: props.isRequired, children: label }),
         /* @__PURE__ */ jsxs19(Group, { ref: groupRef, className: cx("medo-input", `medo-input--${size}`, "medo-combobox__field"), onMouseDown: focusInput, children: [
-          leadingIcon && /* @__PURE__ */ jsx20("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
+          leadingIcon && /* @__PURE__ */ jsx21("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
           multiple ? (
             /* Tags and input share one line; the tags get what is left after 4 rem for typing. */
             /* @__PURE__ */ jsxs19("span", { className: "medo-combobox__entry", ref: entryRef, children: [
-              /* @__PURE__ */ jsx20(SelectedTags2, { entryRef, size, label, isDisabled: props.isDisabled, isReadOnly: props.isReadOnly }),
-              /* @__PURE__ */ jsx20(ComboInput, { ref: inputRef, placeholder, multiple: true, onRemoved: setAnnouncement })
+              /* @__PURE__ */ jsx21(SelectedTags2, { entryRef, size, label, isDisabled: props.isDisabled, isReadOnly: props.isReadOnly }),
+              /* @__PURE__ */ jsx21(ComboInput, { ref: inputRef, placeholder, multiple: true, onRemoved: setAnnouncement })
             ] })
-          ) : /* @__PURE__ */ jsx20(ComboInput, { ref: inputRef, placeholder, multiple: false, onRemoved: setAnnouncement }),
-          /* @__PURE__ */ jsx20(ClearButton2, { inputRef, isDisabled: props.isDisabled || props.isReadOnly }),
-          !props.isReadOnly && /* @__PURE__ */ jsx20(AriaButton7, { className: "medo-input__action medo-combobox__toggle", children: /* @__PURE__ */ jsx20(ChevronDown2, { "aria-hidden": "true" }) })
+          ) : /* @__PURE__ */ jsx21(ComboInput, { ref: inputRef, placeholder, multiple: false, onRemoved: setAnnouncement }),
+          /* @__PURE__ */ jsx21(ClearButton2, { inputRef, isDisabled: props.isDisabled || props.isReadOnly }),
+          !props.isReadOnly && /* @__PURE__ */ jsx21(AriaButton7, { className: "medo-input__action medo-combobox__toggle", children: /* @__PURE__ */ jsx21(ChevronDown2, { "aria-hidden": "true" }) })
         ] }),
-        /* @__PURE__ */ jsx20(FieldFooter, { description, errorMessage }),
-        /* @__PURE__ */ jsx20("span", { className: "medo-visually-hidden", "aria-live": "polite", children: announcement }),
-        /* @__PURE__ */ jsx20(Popover4, { offset: 4, className: "medo-listbox-popover", children: /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx21(FieldFooter, { description, errorMessage }),
+        /* @__PURE__ */ jsx21("span", { className: "medo-visually-hidden", "aria-live": "polite", children: announcement }),
+        /* @__PURE__ */ jsx21(Popover4, { offset: 4, className: "medo-listbox-popover", children: /* @__PURE__ */ jsx21(
           ComboList,
           {
             size,
@@ -1517,15 +1858,16 @@ function ComboInput({
   multiple,
   onRemoved
 }) {
-  const state = useContext12(ComboBoxStateContext2);
+  const m = useMessages();
+  const state = useContext13(ComboBoxStateContext2);
   const values = Array.isArray(state?.value) ? state.value : [];
   const onKeyDown = (e) => {
     if (!multiple || !state || e.key !== "Backspace" || state.inputValue !== "" || values.length === 0) return;
     const last = state.selectedItems.at(-1);
     state.setValue(values.slice(0, -1));
-    if (last) onRemoved(`${last.textValue} removed`);
+    if (last) onRemoved(m.common.removed([last.textValue]));
   };
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     Input,
     {
       ref,
@@ -1536,17 +1878,18 @@ function ComboInput({
   );
 }
 function ClearButton2({ inputRef, isDisabled }) {
-  const state = useContext12(ComboBoxStateContext2);
+  const m = useMessages();
+  const state = useContext13(ComboBoxStateContext2);
   if (!state || isDisabled) return null;
   const hasValue = Array.isArray(state.value) ? state.value.length > 0 : state.value != null;
   if (!hasValue && !state.inputValue) return null;
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     InputAction,
     {
       slot: null,
       excludeFromTabOrder: true,
-      "aria-label": Array.isArray(state.value) ? "Clear all" : "Clear",
-      icon: /* @__PURE__ */ jsx20(X6, {}),
+      "aria-label": Array.isArray(state.value) ? m.common.clearAll : m.common.clear,
+      icon: /* @__PURE__ */ jsx21(X6, {}),
       onPress: () => {
         state.setValue(Array.isArray(state.value) ? [] : null);
         state.setInputValue("");
@@ -1562,7 +1905,8 @@ function SelectedTags2({
   isDisabled,
   isReadOnly
 }) {
-  const state = useContext12(ComboBoxStateContext2);
+  const m = useMessages();
+  const state = useContext13(ComboBoxStateContext2);
   const items = (state?.selectedItems ?? []).filter(Boolean);
   const values = Array.isArray(state?.value) ? state.value : [];
   const key = items.map((item) => item.key).join("\0");
@@ -1571,34 +1915,34 @@ function SelectedTags2({
   if (!state || items.length === 0) return null;
   const tagSize = size === "lg" ? "md" : "sm";
   const hidden = items.length - visible;
-  const name = typeof label === "string" ? label : "Selected";
+  const name = typeof label === "string" ? label : m.common.selectedValues;
   return /* @__PURE__ */ jsxs19("span", { className: "medo-combobox__tags-row", children: [
     /* @__PURE__ */ jsxs19("span", { className: cx("medo-combobox__measure"), ref: measureRef, "aria-hidden": "true", children: [
       items.map((item) => /* @__PURE__ */ jsxs19("span", { className: cx("medo-tag", `medo-tag--${tagSize}`), "data-allows-removing": "", children: [
-        /* @__PURE__ */ jsx20("span", { className: "medo-tag__label", children: item.textValue }),
-        /* @__PURE__ */ jsx20("span", { className: "medo-tag__remove" })
+        /* @__PURE__ */ jsx21("span", { className: "medo-tag__label", children: item.textValue }),
+        /* @__PURE__ */ jsx21("span", { className: "medo-tag__remove" })
       ] }, item.key)),
       /* @__PURE__ */ jsxs19("span", { className: cx("medo-tag", `medo-tag--${tagSize}`), children: [
         "+",
         items.length
       ] })
     ] }),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(
       TagGroup,
       {
-        "aria-label": `${name}: selected`,
+        "aria-label": m.common.selected(name),
         size: tagSize,
         className: "medo-combobox__tags",
         items: items.slice(0, visible),
         disabledKeys: isDisabled ? items.map((item) => item.key) : void 0,
         onRemove: isReadOnly ? void 0 : (keys) => state.setValue(values.filter((k) => !keys.has(k))),
-        children: (item) => /* @__PURE__ */ jsx20(Tag, { id: item.key, children: item.textValue })
+        children: (item) => /* @__PURE__ */ jsx21(Tag, { id: item.key, children: item.textValue })
       }
     ),
     hidden > 0 && /* @__PURE__ */ jsxs19("span", { className: cx("medo-tag", `medo-tag--${tagSize}`, "medo-combobox__more"), children: [
       "+",
       hidden,
-      /* @__PURE__ */ jsx20("span", { className: "medo-visually-hidden", children: " more selected" })
+      /* @__PURE__ */ jsx21("span", { className: "medo-visually-hidden", children: " more selected" })
     ] })
   ] });
 }
@@ -1613,7 +1957,8 @@ function ComboList({
   onExactChange,
   children
 }) {
-  const state = useContext12(ComboBoxStateContext2);
+  const m = useMessages();
+  const state = useContext13(ComboBoxStateContext2);
   const nodes = state ? [...state.collection].filter((node) => node.key !== CREATE_KEY) : [];
   const hasItems = nodes.length > 0;
   const exactNow = nodes.some((node) => node.textValue.toLocaleLowerCase() === text.toLocaleLowerCase());
@@ -1642,14 +1987,17 @@ function ComboList({
       ListBox,
       {
         size: size === "lg" ? "lg" : "md",
-        renderEmptyState: () => /* @__PURE__ */ jsx20(ListBoxMessage, { children: isLoading ? "Loading\u2026" : noResultsMessage(text) }),
+        renderEmptyState: () => /* @__PURE__ */ jsx21(ListBoxMessage, { children: isLoading ? `${m.common.loading}\u2026` : noResultsMessage(text) }),
         children: [
-          typeof children === "function" ? /* @__PURE__ */ jsx20(Collection2, { items, children }) : children,
-          creatable && text && !exact && /* @__PURE__ */ jsx20(ListBoxSection, { "aria-label": "Create", children: /* @__PURE__ */ jsx20(Option, { id: CREATE_KEY, icon: /* @__PURE__ */ jsx20(Plus, {}), textValue: text, children: `Add \u201E${text}\u201C` }) })
+          typeof children === "function" ? /* @__PURE__ */ jsx21(Collection2, { items, children }) : children,
+          creatable && text && !exact && /* @__PURE__ */ jsx21(ListBoxSection, { "aria-label": m.common.create, children: /* @__PURE__ */ jsx21(Option, { id: CREATE_KEY, icon: /* @__PURE__ */ jsx21(Plus, {}), textValue: text, children: m.common.add(text) }) })
         ]
       }
     ),
-    isLoading && hasItems && /* @__PURE__ */ jsx20(ListBoxMessage, { children: "Loading\u2026" })
+    isLoading && hasItems && /* @__PURE__ */ jsxs19(ListBoxMessage, { children: [
+      m.common.loading,
+      "\u2026"
+    ] })
   ] });
 }
 function ComboboxSheet({
@@ -1681,6 +2029,7 @@ function ComboboxSheet({
   onApply,
   resultLabel
 }) {
+  const m = useMessages();
   const id = useId4();
   const [isOpen, setOpen] = useState8(false);
   const [ownSearch, setOwnSearch] = useState8("");
@@ -1695,7 +2044,7 @@ function ComboboxSheet({
   const keys = Array.isArray(value) ? value : value == null ? [] : [value];
   const opened = useRef6(null);
   const query = search.trim();
-  const content = typeof children === "function" ? /* @__PURE__ */ jsx20(Collection2, { items: list, children }) : children;
+  const content = typeof children === "function" ? /* @__PURE__ */ jsx21(Collection2, { items: list, children }) : children;
   const open = (next) => {
     if (next) {
       setSearch("");
@@ -1717,7 +2066,7 @@ function ComboboxSheet({
   };
   const descId = description ? `${id}-desc` : void 0;
   const errId = isInvalid && errorMessage ? `${id}-err` : void 0;
-  return /* @__PURE__ */ jsx20(CollectionBuilder, { content, children: (collection) => {
+  return /* @__PURE__ */ jsx21(CollectionBuilder, { content, children: (collection) => {
     const nodes = [...collection.getKeys()].map((key) => collection.getItem(key)).filter((node) => node?.type === "item");
     const text = keys.map((key) => collection.getItem(key)?.textValue ?? String(key));
     const exact = nodes.some((node) => node.textValue.toLocaleLowerCase() === query.toLocaleLowerCase());
@@ -1732,9 +2081,9 @@ function ComboboxSheet({
         children: [
           /* @__PURE__ */ jsxs19("span", { className: "medo-field__label", id: `${id}-label`, children: [
             label,
-            isRequired && /* @__PURE__ */ jsx20("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
+            isRequired && /* @__PURE__ */ jsx21("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
           ] }),
-          /* @__PURE__ */ jsx20("div", { className: cx("medo-input", `medo-input--${size}`, "medo-select__field"), children: /* @__PURE__ */ jsxs19(
+          /* @__PURE__ */ jsx21("div", { className: cx("medo-input", `medo-input--${size}`, "medo-select__field"), children: /* @__PURE__ */ jsxs19(
             AriaButton7,
             {
               className: "medo-select__trigger",
@@ -1744,21 +2093,21 @@ function ComboboxSheet({
               "aria-describedby": [errId ?? descId].filter(Boolean).join(" ") || void 0,
               onPress: () => !isReadOnly && open(true),
               children: [
-                leadingIcon && /* @__PURE__ */ jsx20("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
+                leadingIcon && /* @__PURE__ */ jsx21("span", { className: "medo-input__icon", "aria-hidden": "true", children: leadingIcon }),
                 /* @__PURE__ */ jsxs19("span", { className: "medo-select__value", id: `${id}-value`, "data-placeholder": keys.length === 0 || void 0, children: [
-                  keys.length === 0 ? placeholder : multiple ? /* @__PURE__ */ jsx20(DisplayTags, { labels: text, size }) : text[0],
-                  isReadOnly && /* @__PURE__ */ jsx20("span", { className: "medo-visually-hidden", children: ", read only" })
+                  keys.length === 0 ? placeholder : multiple ? /* @__PURE__ */ jsx21(DisplayTags, { labels: text, size }) : text[0],
+                  isReadOnly && /* @__PURE__ */ jsx21("span", { className: "medo-visually-hidden", children: ", read only" })
                 ] }),
-                !isReadOnly && /* @__PURE__ */ jsx20("span", { className: "medo-select__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(ChevronDown2, {}) })
+                !isReadOnly && /* @__PURE__ */ jsx21("span", { className: "medo-select__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx21(ChevronDown2, {}) })
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx20("div", { className: "medo-field__footer", children: isInvalid && errorMessage ? /* @__PURE__ */ jsxs19("span", { className: "medo-field__error", id: errId, children: [
-            /* @__PURE__ */ jsx20(CircleAlert3, { "aria-hidden": "true" }),
-            /* @__PURE__ */ jsx20("span", { children: errorMessage })
-          ] }) : description && /* @__PURE__ */ jsx20("span", { className: "medo-field__description", id: descId, children: description }) }),
-          name && keys.map((key) => /* @__PURE__ */ jsx20("input", { type: "hidden", name, value: String(key) }, String(key))),
-          /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsx21("div", { className: "medo-field__footer", children: isInvalid && errorMessage ? /* @__PURE__ */ jsxs19("span", { className: "medo-field__error", id: errId, children: [
+            /* @__PURE__ */ jsx21(CircleAlert3, { "aria-hidden": "true" }),
+            /* @__PURE__ */ jsx21("span", { children: errorMessage })
+          ] }) : description && /* @__PURE__ */ jsx21("span", { className: "medo-field__description", id: descId, children: description }) }),
+          name && keys.map((key) => /* @__PURE__ */ jsx21("input", { type: "hidden", name, value: String(key) }, String(key))),
+          /* @__PURE__ */ jsx21(
             BottomSheet,
             {
               title: label,
@@ -1766,21 +2115,18 @@ function ComboboxSheet({
               isOpen,
               onOpenChange: open,
               footer: multiple ? commit === "onClose" ? (close) => /* @__PURE__ */ jsxs19(Fragment12, { children: [
-                /* @__PURE__ */ jsx20(Button, { size: "lg", onPress: close, children: resultLabel(keys) }),
-                /* @__PURE__ */ jsx20(Button, { size: "lg", variant: "secondary", onPress: () => onValueChange([]), isDisabled: keys.length === 0, children: "Reset" })
+                /* @__PURE__ */ jsx21(Button, { size: "lg", onPress: close, children: resultLabel(keys) }),
+                /* @__PURE__ */ jsx21(Button, { size: "lg", variant: "secondary", onPress: () => onValueChange([]), isDisabled: keys.length === 0, children: m.common.reset })
               ] }) : (close) => /* @__PURE__ */ jsxs19(Fragment12, { children: [
-                /* @__PURE__ */ jsxs19("p", { className: "medo-sheet__count", "aria-live": "polite", children: [
-                  keys.length,
-                  " selected"
-                ] }),
-                /* @__PURE__ */ jsx20(Button, { size: "lg", onPress: close, children: "Done" })
+                /* @__PURE__ */ jsx21("p", { className: "medo-sheet__count", "aria-live": "polite", children: m.common.countSelected(keys.length) }),
+                /* @__PURE__ */ jsx21(Button, { size: "lg", onPress: close, children: m.common.done })
               ] }) : void 0,
               children: /* @__PURE__ */ jsxs19(Autocomplete, { inputValue: search, onInputChange: setSearch, filter: items ? void 0 : contains, children: [
-                /* @__PURE__ */ jsx20("div", { className: "medo-sheet__search", children: /* @__PURE__ */ jsxs19(AriaTextField2, { "aria-label": "Search", autoFocus: true, className: "medo-input medo-input--lg", children: [
-                  /* @__PURE__ */ jsx20("span", { className: "medo-input__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(Search, {}) }),
-                  /* @__PURE__ */ jsx20(Input, { className: "medo-input__control", placeholder })
+                /* @__PURE__ */ jsx21("div", { className: "medo-sheet__search", children: /* @__PURE__ */ jsxs19(AriaTextField2, { "aria-label": m.common.search, autoFocus: true, className: "medo-input medo-input--lg", children: [
+                  /* @__PURE__ */ jsx21("span", { className: "medo-input__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx21(Search, {}) }),
+                  /* @__PURE__ */ jsx21(Input, { className: "medo-input__control", placeholder })
                 ] }) }),
-                /* @__PURE__ */ jsx20(OptionHighlightContext.Provider, { value: query, children: /* @__PURE__ */ jsxs19(
+                /* @__PURE__ */ jsx21(OptionHighlightContext.Provider, { value: query, children: /* @__PURE__ */ jsxs19(
                   ListBox,
                   {
                     size: "lg",
@@ -1788,14 +2134,14 @@ function ComboboxSheet({
                     selectionMode: multiple ? "multiple" : "single",
                     selectedKeys: keys,
                     onSelectionChange,
-                    renderEmptyState: () => /* @__PURE__ */ jsx20(ListBoxMessage, { children: isLoading ? "Loading\u2026" : noResultsMessage(query) }),
+                    renderEmptyState: () => /* @__PURE__ */ jsx21(ListBoxMessage, { children: isLoading ? `${m.common.loading}\u2026` : noResultsMessage(query) }),
                     children: [
                       content,
-                      multiple && onCreate && query && !exact && /* @__PURE__ */ jsx20(ListBoxSection, { "aria-label": "Create", children: /* @__PURE__ */ jsx20(Option, { id: CREATE_KEY, icon: /* @__PURE__ */ jsx20(Plus, {}), textValue: query, children: `Add \u201E${query}\u201C` }) })
+                      multiple && onCreate && query && !exact && /* @__PURE__ */ jsx21(ListBoxSection, { "aria-label": m.common.create, children: /* @__PURE__ */ jsx21(Option, { id: CREATE_KEY, icon: /* @__PURE__ */ jsx21(Plus, {}), textValue: query, children: m.common.add(query) }) })
                     ]
                   }
                 ) }),
-                isLoading && list && [...list].length > 0 && /* @__PURE__ */ jsx20(ListBoxMessage, { children: "Loading\u2026" })
+                isLoading && list && [...list].length > 0 && /* @__PURE__ */ jsx21(ListBoxMessage, { children: "Loading\u2026" })
               ] })
             }
           )
@@ -1810,15 +2156,15 @@ function DisplayTags({ labels, size }) {
   const visible = useFitCount(rowRef, measureRef, labels.join("\0"), labels.length);
   const tagClass = cx("medo-tag", size === "lg" ? "medo-tag--md" : "medo-tag--sm");
   return /* @__PURE__ */ jsxs19("span", { className: "medo-select__tags", ref: rowRef, children: [
-    /* @__PURE__ */ jsx20("span", { className: "medo-visually-hidden", children: labels.join(", ") }),
+    /* @__PURE__ */ jsx21("span", { className: "medo-visually-hidden", children: labels.join(", ") }),
     /* @__PURE__ */ jsxs19("span", { className: "medo-select__measure", ref: measureRef, "aria-hidden": "true", children: [
-      labels.map((l, i) => /* @__PURE__ */ jsx20("span", { className: tagClass, children: l }, i)),
+      labels.map((l, i) => /* @__PURE__ */ jsx21("span", { className: tagClass, children: l }, i)),
       /* @__PURE__ */ jsxs19("span", { className: tagClass, children: [
         "+",
         labels.length
       ] })
     ] }),
-    labels.slice(0, visible).map((l, i) => /* @__PURE__ */ jsx20("span", { className: tagClass, "aria-hidden": "true", children: /* @__PURE__ */ jsx20("span", { className: "medo-select__tag-label", children: l }) }, i)),
+    labels.slice(0, visible).map((l, i) => /* @__PURE__ */ jsx21("span", { className: tagClass, "aria-hidden": "true", children: /* @__PURE__ */ jsx21("span", { className: "medo-select__tag-label", children: l }) }, i)),
     labels.length > visible && /* @__PURE__ */ jsxs19("span", { className: tagClass, "aria-hidden": "true", children: [
       "+",
       labels.length - visible
@@ -1838,7 +2184,7 @@ import {
   UNSTABLE_ToastRegion as AriaToastRegion
 } from "react-aria-components";
 import { X as X7 } from "lucide-react";
-import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs20 } from "react/jsx-runtime";
 var TIMEOUT = 5e3;
 var TIMEOUT_ACTION = 8e3;
 var MAX_VISIBLE = 3;
@@ -1873,6 +2219,7 @@ function closeOnEscape(el, key) {
   return () => el.removeEventListener("keydown", onKeyDown);
 }
 function ToastRegion({ closeLabel, ...props }) {
+  const m = useMessages();
   const [active, setActive] = useState9(false);
   useEffect7(() => {
     if (regionMounted) return;
@@ -1886,7 +2233,7 @@ function ToastRegion({ closeLabel, ...props }) {
     };
   }, []);
   if (!active) return null;
-  return /* @__PURE__ */ jsx21(AriaToastRegion, { ...props, queue, className: "medo-toast-region", children: ({ toast: t }) => /* @__PURE__ */ jsxs20(
+  return /* @__PURE__ */ jsx22(AriaToastRegion, { ...props, queue, className: "medo-toast-region", children: ({ toast: t }) => /* @__PURE__ */ jsxs20(
     AriaToast,
     {
       toast: t,
@@ -1894,8 +2241,8 @@ function ToastRegion({ closeLabel, ...props }) {
       style: { viewTransitionName: t.key },
       ref: (el) => closeOnEscape(el, t.key),
       children: [
-        /* @__PURE__ */ jsx21(AriaToastContent, { className: "medo-toast__content", children: /* @__PURE__ */ jsx21(Text8, { slot: "title", className: "medo-toast__message", children: t.content.message }) }),
-        t.content.action && /* @__PURE__ */ jsx21(
+        /* @__PURE__ */ jsx22(AriaToastContent, { className: "medo-toast__content", children: /* @__PURE__ */ jsx22(Text8, { slot: "title", className: "medo-toast__message", children: t.content.message }) }),
+        t.content.action && /* @__PURE__ */ jsx22(
           Button2,
           {
             className: "medo-toast__button medo-toast__action",
@@ -1906,7 +2253,7 @@ function ToastRegion({ closeLabel, ...props }) {
             children: t.content.action.label
           }
         ),
-        /* @__PURE__ */ jsx21(Button2, { slot: "close", "aria-label": closeLabel, className: "medo-toast__button medo-toast__close", children: /* @__PURE__ */ jsx21(X7, { "aria-hidden": "true" }) })
+        /* @__PURE__ */ jsx22(Button2, { slot: "close", "aria-label": closeLabel ?? m.common.close, className: "medo-toast__button medo-toast__close", children: /* @__PURE__ */ jsx22(X7, { "aria-hidden": "true" }) })
       ]
     }
   ) });
@@ -1921,25 +2268,25 @@ import {
   TabPanel as AriaTabPanel,
   Tabs as AriaTabs
 } from "react-aria-components";
-import { jsx as jsx22, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs21 } from "react/jsx-runtime";
 function Tabs({ size = "md", fullWidth = false, className, ...props }) {
-  return /* @__PURE__ */ jsx22(AriaTabs, { ...props, className: cx("medo-tabs", `medo-tabs--${size}`, fullWidth && "medo-tabs--full", className) });
+  return /* @__PURE__ */ jsx23(AriaTabs, { ...props, className: cx("medo-tabs", `medo-tabs--${size}`, fullWidth && "medo-tabs--full", className) });
 }
 function TabList({ className, ...props }) {
   const ref = useRef7(null);
   useScrollEdges(ref);
-  return /* @__PURE__ */ jsx22(AriaTabList, { ...props, ref, className: cx("medo-tabs__list", className) });
+  return /* @__PURE__ */ jsx23(AriaTabList, { ...props, ref, className: cx("medo-tabs__list", className) });
 }
 function Tab({ children, icon, count, countLabel, ...props }) {
   return /* @__PURE__ */ jsxs21(AriaTab, { ...props, className: "medo-tab", children: [
-    /* @__PURE__ */ jsx22(SelectionIndicator2, { className: "medo-tab__thumb", ref: revealInList }),
-    icon && /* @__PURE__ */ jsx22("span", { className: "medo-tab__icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsx22("span", { className: "medo-tab__label", children }),
-    count !== void 0 && /* @__PURE__ */ jsx22(BadgeCount, { count, tone: "neutral", size: "sm", label: countLabel ?? String(count) })
+    /* @__PURE__ */ jsx23(SelectionIndicator2, { className: "medo-tab__thumb", ref: revealInList }),
+    icon && /* @__PURE__ */ jsx23("span", { className: "medo-tab__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx23("span", { className: "medo-tab__label", children }),
+    count !== void 0 && /* @__PURE__ */ jsx23(BadgeCount, { count, tone: "neutral", size: "sm", label: countLabel ?? String(count) })
   ] });
 }
 function TabPanel({ keepMounted = true, className, ...props }) {
-  return /* @__PURE__ */ jsx22(AriaTabPanel, { ...props, shouldForceMount: keepMounted, className: cx("medo-tabs__panel", className) });
+  return /* @__PURE__ */ jsx23(AriaTabPanel, { ...props, shouldForceMount: keepMounted, className: cx("medo-tabs__panel", className) });
 }
 function revealInList(thumb) {
   const tab = thumb?.parentElement;
@@ -1972,7 +2319,7 @@ function useScrollEdges(ref) {
 }
 
 // src/popover/Popover.tsx
-import { useContext as useContext13, useRef as useRef8 } from "react";
+import { useContext as useContext14, useRef as useRef8 } from "react";
 import {
   Dialog as AriaDialog2,
   DialogTrigger as DialogTrigger2,
@@ -1985,7 +2332,7 @@ import { Info as Info2, X as X8 } from "lucide-react";
 // src/link/Link.tsx
 import { Link as AriaLink2 } from "react-aria-components";
 import { ArrowRight, ExternalLink } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs22 } from "react/jsx-runtime";
 function Link({
   children,
   variant = "inline",
@@ -2005,8 +2352,8 @@ function Link({
       className: cx("medo-link", variant === "standalone" && "medo-link--standalone", variant === "standalone" && `medo-link--${size}`, className),
       children: [
         children,
-        external && /* @__PURE__ */ jsx23(ExternalLink, { className: "medo-link__icon", "aria-hidden": "true" }),
-        !external && arrow && variant === "standalone" && /* @__PURE__ */ jsx23(ArrowRight, { className: "medo-link__icon", "aria-hidden": "true" }),
+        external && /* @__PURE__ */ jsx24(ExternalLink, { className: "medo-link__icon", "aria-hidden": "true" }),
+        !external && arrow && variant === "standalone" && /* @__PURE__ */ jsx24(ArrowRight, { className: "medo-link__icon", "aria-hidden": "true" }),
         newTab && /* @__PURE__ */ jsxs22("span", { className: "medo-visually-hidden", children: [
           " ",
           newTabLabel
@@ -2017,7 +2364,7 @@ function Link({
 }
 
 // src/popover/Popover.tsx
-import { Fragment as Fragment13, jsx as jsx24, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment13, jsx as jsx25, jsxs as jsxs23 } from "react/jsx-runtime";
 var PopoverTrigger = DialogTrigger2;
 function Popover5({
   title,
@@ -2025,62 +2372,65 @@ function Popover5({
   children,
   size = "md",
   primaryAction,
-  cancelLabel = "Cancel",
-  closeLabel = "Close",
+  cancelLabel: cancelLabelProp,
+  closeLabel: closeLabelProp,
   overlay = "auto",
   placement = "bottom start",
   className
 }) {
+  const m = useMessages();
+  const cancelLabel = cancelLabelProp ?? m.common.cancel;
+  const closeLabel = closeLabelProp ?? m.common.close;
   const mobile = useMediaQuery(MOBILE_QUERY);
   const content = (close) => typeof children === "function" ? children(close) : children;
   if (overlay === "sheet" || overlay === "auto" && mobile) {
-    return /* @__PURE__ */ jsx24(
+    return /* @__PURE__ */ jsx25(
       BottomSheet,
       {
         title: title ?? ariaLabel,
         closeLabel,
         className,
         footer: primaryAction && ((close) => /* @__PURE__ */ jsxs23(ButtonGroup, { children: [
-          /* @__PURE__ */ jsx24(Button, { variant: "secondary", size: "lg", onPress: close, children: cancelLabel }),
-          /* @__PURE__ */ jsx24(ActionButton, { action: primaryAction, close, size: "lg", variant: "primary" })
+          /* @__PURE__ */ jsx25(Button, { variant: "secondary", size: "lg", onPress: close, children: cancelLabel }),
+          /* @__PURE__ */ jsx25(ActionButton, { action: primaryAction, close, size: "lg", variant: "primary" })
         ] })),
-        children: /* @__PURE__ */ jsx24(SheetBody, { children: content })
+        children: /* @__PURE__ */ jsx25(SheetBody, { children: content })
       }
     );
   }
-  return /* @__PURE__ */ jsx24(AriaPopover, { placement, offset: 8, containerPadding: 16, className: cx("medo-popover", `medo-popover--${size}`, className), children: /* @__PURE__ */ jsx24(PopoverDialog, { "aria-label": title ? void 0 : ariaLabel, children: ({ close }) => /* @__PURE__ */ jsxs23(Fragment13, { children: [
+  return /* @__PURE__ */ jsx25(AriaPopover, { placement, offset: 8, containerPadding: 16, className: cx("medo-popover", `medo-popover--${size}`, className), children: /* @__PURE__ */ jsx25(PopoverDialog, { "aria-label": title ? void 0 : ariaLabel, children: ({ close }) => /* @__PURE__ */ jsxs23(Fragment13, { children: [
     title && /* @__PURE__ */ jsxs23("div", { className: "medo-popover__header", children: [
-      /* @__PURE__ */ jsx24(Heading3, { slot: "title", className: "medo-popover__title", children: title }),
-      /* @__PURE__ */ jsx24(IconButton, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx24(X8, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
+      /* @__PURE__ */ jsx25(Heading3, { slot: "title", className: "medo-popover__title", children: title }),
+      /* @__PURE__ */ jsx25(IconButton, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx25(X8, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
     ] }),
-    /* @__PURE__ */ jsx24("div", { className: "medo-popover__body", children: content(close) }),
-    primaryAction && /* @__PURE__ */ jsx24("div", { className: "medo-popover__footer", children: /* @__PURE__ */ jsxs23(ButtonGroup, { children: [
-      /* @__PURE__ */ jsx24(Button, { variant: "secondary", size: "sm", onPress: close, children: cancelLabel }),
-      /* @__PURE__ */ jsx24(ActionButton, { action: primaryAction, close, size: "sm", variant: "primary" })
+    /* @__PURE__ */ jsx25("div", { className: "medo-popover__body", children: content(close) }),
+    primaryAction && /* @__PURE__ */ jsx25("div", { className: "medo-popover__footer", children: /* @__PURE__ */ jsxs23(ButtonGroup, { children: [
+      /* @__PURE__ */ jsx25(Button, { variant: "secondary", size: "sm", onPress: close, children: cancelLabel }),
+      /* @__PURE__ */ jsx25(ActionButton, { action: primaryAction, close, size: "sm", variant: "primary" })
     ] }) })
   ] }) }) });
 }
 function PopoverDialog({ children, ...props }) {
   const ref = useRef8(null);
   useInitialFocus(ref);
-  return /* @__PURE__ */ jsx24(AriaDialog2, { ...props, ref, className: "medo-popover__dialog", children });
+  return /* @__PURE__ */ jsx25(AriaDialog2, { ...props, ref, className: "medo-popover__dialog", children });
 }
 function SheetBody({ children }) {
-  const state = useContext13(OverlayTriggerStateContext3);
-  return /* @__PURE__ */ jsx24("div", { className: "medo-popover__sheet-body", children: children(() => state?.close()) });
+  const state = useContext14(OverlayTriggerStateContext3);
+  return /* @__PURE__ */ jsx25("div", { className: "medo-popover__sheet-body", children: children(() => state?.close()) });
 }
 function Toggletip({ "aria-label": label, children, link, className }) {
   return /* @__PURE__ */ jsxs23(DialogTrigger2, { children: [
-    /* @__PURE__ */ jsx24(IconButton, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx24(Info2, {}), "aria-label": label, tooltip: false }),
-    /* @__PURE__ */ jsx24(AriaPopover, { placement: "bottom start", offset: 8, containerPadding: 16, className: cx("medo-popover", "medo-toggletip", className), children: /* @__PURE__ */ jsxs23(AriaDialog2, { "aria-label": label, className: "medo-popover__dialog medo-toggletip__dialog", children: [
-      /* @__PURE__ */ jsx24("div", { className: "medo-toggletip__text", children }),
-      link && /* @__PURE__ */ jsx24(Link, { variant: "standalone", size: "md", href: link.href, external: link.external, target: link.external ? "_blank" : void 0, children: link.label })
+    /* @__PURE__ */ jsx25(IconButton, { variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx25(Info2, {}), "aria-label": label, tooltip: false }),
+    /* @__PURE__ */ jsx25(AriaPopover, { placement: "bottom start", offset: 8, containerPadding: 16, className: cx("medo-popover", "medo-toggletip", className), children: /* @__PURE__ */ jsxs23(AriaDialog2, { "aria-label": label, className: "medo-popover__dialog medo-toggletip__dialog", children: [
+      /* @__PURE__ */ jsx25("div", { className: "medo-toggletip__text", children }),
+      link && /* @__PURE__ */ jsx25(Link, { variant: "standalone", size: "md", href: link.href, external: link.external, target: link.external ? "_blank" : void 0, children: link.label })
     ] }) })
   ] });
 }
 
 // src/navigation/Navigation.tsx
-import { Children as Children2, createContext as createContext7, isValidElement as isValidElement2, useContext as useContext14, useEffect as useEffect9, useId as useId5, useRef as useRef10, useState as useState10 } from "react";
+import { Children as Children2, createContext as createContext8, isValidElement as isValidElement2, useContext as useContext15, useEffect as useEffect9, useId as useId5, useRef as useRef10, useState as useState10 } from "react";
 import {
   Button as AriaButton8,
   Dialog as AriaDialog4,
@@ -2096,7 +2446,7 @@ import { ChevronDown as ChevronDown3, Ellipsis as Ellipsis2, Menu as MenuIcon, P
 import { useEffect as useEffect8, useRef as useRef9 } from "react";
 import { Dialog as AriaDialog3, Heading as Heading4, Modal as Modal3, ModalOverlay as ModalOverlay3 } from "react-aria-components";
 import { X as X9 } from "lucide-react";
-import { Fragment as Fragment14, jsx as jsx25, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment14, jsx as jsx26, jsxs as jsxs24 } from "react/jsx-runtime";
 function Drawer({
   title,
   "aria-label": ariaLabel,
@@ -2104,27 +2454,28 @@ function Drawer({
   footer,
   side = "right",
   size = "sm",
-  closeLabel = "Close",
+  closeLabel,
   isDirty = false,
   discardText,
   className,
   ...openProps
 }) {
+  const m = useMessages();
   const { open, onOpenChange, confirmDiscard, forceClose } = useDirtyGuard({ isDirty, discardText, ...openProps });
-  return /* @__PURE__ */ jsx25(ModalOverlay3, { isOpen: open, onOpenChange, isDismissable: !isDirty, className: cx("medo-drawer-overlay", `medo-drawer-overlay--${side}`), children: /* @__PURE__ */ jsx25(Modal3, { className: cx("medo-drawer", `medo-drawer--${side}`, `medo-drawer--${size}`, className), children: /* @__PURE__ */ jsx25(DrawerDialog, { "aria-label": ariaLabel, side, children: (close) => /* @__PURE__ */ jsxs24(Fragment14, { children: [
+  return /* @__PURE__ */ jsx26(ModalOverlay3, { isOpen: open, onOpenChange, isDismissable: !isDirty, className: cx("medo-drawer-overlay", `medo-drawer-overlay--${side}`), children: /* @__PURE__ */ jsx26(Modal3, { className: cx("medo-drawer", `medo-drawer--${side}`, `medo-drawer--${size}`, className), children: /* @__PURE__ */ jsx26(DrawerDialog, { "aria-label": ariaLabel, side, children: (close) => /* @__PURE__ */ jsxs24(Fragment14, { children: [
     /* @__PURE__ */ jsxs24("div", { className: "medo-drawer__header", children: [
-      ariaLabel ? /* @__PURE__ */ jsx25("div", { className: "medo-drawer__title", children: title }) : /* @__PURE__ */ jsx25(Heading4, { slot: "title", className: "medo-drawer__title", children: title }),
-      /* @__PURE__ */ jsx25(IconButton, { variant: "ghost", size: "md", icon: /* @__PURE__ */ jsx25(X9, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
+      ariaLabel ? /* @__PURE__ */ jsx26("div", { className: "medo-drawer__title", children: title }) : /* @__PURE__ */ jsx26(Heading4, { slot: "title", className: "medo-drawer__title", children: title }),
+      /* @__PURE__ */ jsx26(IconButton, { variant: "ghost", size: "md", icon: /* @__PURE__ */ jsx26(X9, {}), "aria-label": closeLabel ?? m.common.close, tooltip: false, onPress: close })
     ] }),
-    /* @__PURE__ */ jsx25("div", { className: "medo-drawer__body", children: typeof children === "function" ? children(forceClose) : children }),
-    footer && /* @__PURE__ */ jsx25("div", { className: "medo-drawer__footer", children: typeof footer === "function" ? footer(forceClose, close) : footer }),
+    /* @__PURE__ */ jsx26("div", { className: "medo-drawer__body", children: typeof children === "function" ? children(forceClose) : children }),
+    footer && /* @__PURE__ */ jsx26("div", { className: "medo-drawer__footer", children: typeof footer === "function" ? footer(forceClose, close) : footer }),
     confirmDiscard
   ] }) }) }) });
 }
 function DrawerDialog({ children, side, ...props }) {
   const ref = useRef9(null);
-  return /* @__PURE__ */ jsx25(AriaDialog3, { ...props, ref, className: "medo-drawer__dialog", children: ({ close }) => /* @__PURE__ */ jsxs24(Fragment14, { children: [
-    /* @__PURE__ */ jsx25(SwipeToClose, { target: ref, side, onClose: close }),
+  return /* @__PURE__ */ jsx26(AriaDialog3, { ...props, ref, className: "medo-drawer__dialog", children: ({ close }) => /* @__PURE__ */ jsxs24(Fragment14, { children: [
+    /* @__PURE__ */ jsx26(SwipeToClose, { target: ref, side, onClose: close }),
     children(close)
   ] }) });
 }
@@ -2184,19 +2535,19 @@ function SwipeToClose({ target, side, onClose }) {
 }
 
 // src/navigation/Navigation.tsx
-import { Fragment as Fragment15, jsx as jsx26, jsxs as jsxs25 } from "react/jsx-runtime";
-var NavVariantContext = createContext7("sidebar");
-var SideNavContext = createContext7(null);
+import { Fragment as Fragment15, jsx as jsx27, jsxs as jsxs25 } from "react/jsx-runtime";
+var NavVariantContext = createContext8("sidebar");
+var SideNavContext = createContext8(null);
 var TABLET_QUERY = "(min-width: 640px) and (max-width: 1023.98px)";
 var SITE_MENU_QUERY = "(max-width: 767.98px)";
 function NavItem({ children, icon, isCurrent, count, countLabel, unread, ...props }) {
-  const variant = useContext14(NavVariantContext);
-  const sideNav = useContext14(SideNavContext);
+  const variant = useContext15(NavVariantContext);
+  const sideNav = useContext15(SideNavContext);
   const rail = variant === "rail";
   const content = /* @__PURE__ */ jsxs25(Fragment15, { children: [
-    icon && variant !== "header" && /* @__PURE__ */ jsx26("span", { className: "medo-nav-item__icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsx26("span", { className: rail ? "medo-visually-hidden" : "medo-nav-item__label", children }),
-    count !== void 0 && (rail ? unread && count > 0 && /* @__PURE__ */ jsx26(BadgeDot, { tone: "danger", label: countLabel ?? String(count), className: "medo-nav-item__dot" }) : /* @__PURE__ */ jsx26(BadgeCount, { count, tone: "neutral", size: "sm", label: countLabel ?? String(count) }))
+    icon && variant !== "header" && /* @__PURE__ */ jsx27("span", { className: "medo-nav-item__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx27("span", { className: rail ? "medo-visually-hidden" : "medo-nav-item__label", children }),
+    count !== void 0 && (rail ? unread && count > 0 && /* @__PURE__ */ jsx27(BadgeDot, { tone: "danger", label: countLabel ?? String(count), className: "medo-nav-item__dot" }) : /* @__PURE__ */ jsx27(BadgeCount, { count, tone: "neutral", size: "sm", label: countLabel ?? String(count) }))
   ] });
   const linkProps = {
     ...props,
@@ -2207,20 +2558,20 @@ function NavItem({ children, icon, isCurrent, count, countLabel, unread, ...prop
     "aria-current": isCurrent ? "page" : void 0,
     className: cx("medo-nav-item", `medo-nav-item--${variant}`)
   };
-  return /* @__PURE__ */ jsx26("li", { className: "medo-nav__entry", children: rail ? (
+  return /* @__PURE__ */ jsx27("li", { className: "medo-nav__entry", children: rail ? (
     // Collapsed: the label appears as tooltip on hover and focus.
     /* @__PURE__ */ jsxs25(TooltipTrigger, { children: [
-      /* @__PURE__ */ jsx26(TooltipLink, { ...linkProps, children: content }),
-      /* @__PURE__ */ jsx26(Tooltip, { placement: "end", children })
+      /* @__PURE__ */ jsx27(TooltipLink, { ...linkProps, children: content }),
+      /* @__PURE__ */ jsx27(Tooltip, { placement: "end", children })
     ] })
-  ) : /* @__PURE__ */ jsx26(AriaLink3, { ...linkProps, children: content }) });
+  ) : /* @__PURE__ */ jsx27(AriaLink3, { ...linkProps, children: content }) });
 }
 function containsCurrent(children) {
   return Children2.toArray(children).some((c) => isValidElement2(c) && c.props.isCurrent);
 }
 function NavGroup({ label, icon, children, defaultOpen }) {
-  const variant = useContext14(NavVariantContext);
-  const sideNav = useContext14(SideNavContext);
+  const variant = useContext15(NavVariantContext);
+  const sideNav = useContext15(SideNavContext);
   const hasCurrent = containsCurrent(children);
   const [open, setOpen] = useState10(defaultOpen ?? (variant !== "header" && (hasCurrent || sideNav?.openGroup === label)));
   const panelId = useId5();
@@ -2247,7 +2598,7 @@ function NavGroup({ label, icon, children, defaultOpen }) {
     };
   }, [floating, open]);
   if (variant === "rail") {
-    return /* @__PURE__ */ jsx26("li", { className: "medo-nav__entry", children: /* @__PURE__ */ jsxs25(TooltipTrigger, { children: [
+    return /* @__PURE__ */ jsx27("li", { className: "medo-nav__entry", children: /* @__PURE__ */ jsxs25(TooltipTrigger, { children: [
       /* @__PURE__ */ jsxs25(
         AriaButton8,
         {
@@ -2258,12 +2609,12 @@ function NavGroup({ label, icon, children, defaultOpen }) {
             sideNav?.expand(label);
           },
           children: [
-            /* @__PURE__ */ jsx26("span", { className: "medo-nav-item__icon", "aria-hidden": "true", children: icon }),
-            /* @__PURE__ */ jsx26("span", { className: "medo-visually-hidden", children: label })
+            /* @__PURE__ */ jsx27("span", { className: "medo-nav-item__icon", "aria-hidden": "true", children: icon }),
+            /* @__PURE__ */ jsx27("span", { className: "medo-visually-hidden", children: label })
           ]
         }
       ),
-      /* @__PURE__ */ jsx26(Tooltip, { placement: "end", children: label })
+      /* @__PURE__ */ jsx27(Tooltip, { placement: "end", children: label })
     ] }) });
   }
   return /* @__PURE__ */ jsxs25("li", { ref: itemRef, className: cx("medo-nav__entry", "medo-nav-group", floating && "medo-nav-group--floating"), children: [
@@ -2277,45 +2628,50 @@ function NavGroup({ label, icon, children, defaultOpen }) {
         onPress: () => setOpen((o) => !o),
         className: cx("medo-nav-item", `medo-nav-item--${variant}`, "medo-nav-group__button"),
         children: [
-          icon && !floating && /* @__PURE__ */ jsx26("span", { className: "medo-nav-item__icon", "aria-hidden": "true", children: icon }),
-          /* @__PURE__ */ jsx26("span", { className: "medo-nav-item__label", children: label }),
-          /* @__PURE__ */ jsx26(ChevronDown3, { className: "medo-nav-group__chevron", "aria-hidden": "true" })
+          icon && !floating && /* @__PURE__ */ jsx27("span", { className: "medo-nav-item__icon", "aria-hidden": "true", children: icon }),
+          /* @__PURE__ */ jsx27("span", { className: "medo-nav-item__label", children: label }),
+          /* @__PURE__ */ jsx27(ChevronDown3, { className: "medo-nav-group__chevron", "aria-hidden": "true" })
         ]
       }
     ),
-    /* @__PURE__ */ jsx26(NavVariantContext.Provider, { value: floating ? "sidebar" : variant, children: /* @__PURE__ */ jsx26("ul", { id: panelId, hidden: !open, className: cx("medo-nav__list", floating ? "medo-nav-group__panel" : "medo-nav-group__list"), children }) })
+    /* @__PURE__ */ jsx27(NavVariantContext.Provider, { value: floating ? "sidebar" : variant, children: /* @__PURE__ */ jsx27("ul", { id: panelId, hidden: !open, className: cx("medo-nav__list", floating ? "medo-nav-group__panel" : "medo-nav-group__list"), children }) })
   ] });
 }
 function NavList({ variant = "sidebar", "aria-label": label, children, className }) {
-  return /* @__PURE__ */ jsx26("nav", { "aria-label": label, className, children: /* @__PURE__ */ jsx26(NavVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx26("ul", { className: cx("medo-nav__list", variant === "header" && "medo-nav__list--row", variant === "rail" && "medo-nav__list--rail"), children }) }) });
+  return /* @__PURE__ */ jsx27("nav", { "aria-label": label, className, children: /* @__PURE__ */ jsx27(NavVariantContext.Provider, { value: variant, children: /* @__PURE__ */ jsx27("ul", { className: cx("medo-nav__list", variant === "header" && "medo-nav__list--row", variant === "rail" && "medo-nav__list--rail"), children }) }) });
 }
 function NavSection({ title, children }) {
-  const variant = useContext14(NavVariantContext);
+  const variant = useContext15(NavVariantContext);
   const id = useId5();
   return /* @__PURE__ */ jsxs25("li", { className: "medo-nav__entry medo-nav-section", children: [
-    variant === "rail" ? /* @__PURE__ */ jsx26("span", { className: "medo-nav-section__divider", role: "presentation" }) : /* @__PURE__ */ jsx26("span", { id, className: "medo-nav-section__title", children: title }),
-    /* @__PURE__ */ jsx26("ul", { className: "medo-nav__list", "aria-labelledby": variant === "rail" ? void 0 : id, "aria-label": variant === "rail" ? title : void 0, children })
+    variant === "rail" ? /* @__PURE__ */ jsx27("span", { className: "medo-nav-section__divider", role: "presentation" }) : /* @__PURE__ */ jsx27("span", { id, className: "medo-nav-section__title", children: title }),
+    /* @__PURE__ */ jsx27("ul", { className: "medo-nav__list", "aria-labelledby": variant === "rail" ? void 0 : id, "aria-label": variant === "rail" ? title : void 0, children })
   ] });
 }
-function SkipLink({ href = "#main", children = "Skip to content" }) {
-  return /* @__PURE__ */ jsx26("a", { href, className: "medo-skip-link", children });
+function SkipLink({ href = "#main", children }) {
+  const m = useMessages();
+  return /* @__PURE__ */ jsx27("a", { href, className: "medo-skip-link", children: children ?? m.navigation.skipToContent });
 }
 function ActionLink({ action, size }) {
-  return /* @__PURE__ */ jsx26(AriaLink3, { href: action.href, onPress: action.onPress, className: cx("medo-button", `medo-button--${action.variant ?? "ghost"}`, `medo-button--${size}`), children: /* @__PURE__ */ jsx26("span", { className: "medo-button__label", children: action.label }) });
+  return /* @__PURE__ */ jsx27(AriaLink3, { href: action.href, onPress: action.onPress, className: cx("medo-button", `medo-button--${action.variant ?? "ghost"}`, `medo-button--${size}`), children: /* @__PURE__ */ jsx27("span", { className: "medo-button__label", children: action.label }) });
 }
-function SiteHeader({ logo, children, actions = [], "aria-label": label = "Main", menuLabel = "Menu", closeLabel = "Close", layout = "auto" }) {
+function SiteHeader({ logo, children, actions = [], "aria-label": labelProp, menuLabel: menuLabelProp, closeLabel: closeLabelProp, layout = "auto" }) {
+  const m = useMessages();
+  const label = labelProp ?? m.navigation.main;
+  const menuLabel = menuLabelProp ?? m.navigation.menu;
+  const closeLabel = closeLabelProp ?? m.common.close;
   const narrow = useMediaQuery(SITE_MENU_QUERY);
   const compact = layout === "mobile" || layout === "auto" && narrow;
   const scrolled = useScrolled();
   const primary = actions.find((a) => a.variant === "primary");
   return /* @__PURE__ */ jsxs25("header", { className: cx("medo-site-header", compact && "medo-site-header--compact"), "data-scrolled": scrolled || void 0, children: [
-    /* @__PURE__ */ jsx26("div", { className: "medo-site-header__logo", children: logo }),
+    /* @__PURE__ */ jsx27("div", { className: "medo-site-header__logo", children: logo }),
     compact ? /* @__PURE__ */ jsxs25("div", { className: "medo-site-header__actions", children: [
-      primary && /* @__PURE__ */ jsx26(ActionLink, { action: primary, size: "sm" }),
-      /* @__PURE__ */ jsx26(NavFullscreen, { logo, actions, "aria-label": label, menuLabel, closeLabel, children })
+      primary && /* @__PURE__ */ jsx27(ActionLink, { action: primary, size: "sm" }),
+      /* @__PURE__ */ jsx27(NavFullscreen, { logo, actions, "aria-label": label, menuLabel, closeLabel, children })
     ] }) : /* @__PURE__ */ jsxs25(Fragment15, { children: [
-      /* @__PURE__ */ jsx26("nav", { "aria-label": label, className: "medo-site-header__nav", children: /* @__PURE__ */ jsx26(NavVariantContext.Provider, { value: "header", children: /* @__PURE__ */ jsx26("ul", { className: "medo-nav__list medo-nav__list--row", children }) }) }),
-      actions.length > 0 && /* @__PURE__ */ jsx26("div", { className: "medo-site-header__actions", children: actions.map((a) => /* @__PURE__ */ jsx26(ActionLink, { action: a, size: "md" }, a.label)) })
+      /* @__PURE__ */ jsx27("nav", { "aria-label": label, className: "medo-site-header__nav", children: /* @__PURE__ */ jsx27(NavVariantContext.Provider, { value: "header", children: /* @__PURE__ */ jsx27("ul", { className: "medo-nav__list medo-nav__list--row", children }) }) }),
+      actions.length > 0 && /* @__PURE__ */ jsx27("div", { className: "medo-site-header__actions", children: actions.map((a) => /* @__PURE__ */ jsx27(ActionLink, { action: a, size: "md" }, a.label)) })
     ] })
   ] });
 }
@@ -2329,24 +2685,24 @@ function NavFullscreen({
 }) {
   const ordered = [...actions].sort((a, b) => Number(b.variant === "primary") - Number(a.variant === "primary"));
   return /* @__PURE__ */ jsxs25(DialogTrigger3, { children: [
-    /* @__PURE__ */ jsx26(IconButton, { variant: "ghost", size: "md", icon: /* @__PURE__ */ jsx26(MenuIcon, {}), "aria-label": menuLabel, tooltip: false }),
-    /* @__PURE__ */ jsx26(ModalOverlay4, { className: "medo-nav-fullscreen-overlay", children: /* @__PURE__ */ jsx26(Modal4, { className: "medo-nav-fullscreen", children: /* @__PURE__ */ jsx26(AriaDialog4, { "aria-label": menuLabel, className: "medo-nav-fullscreen__dialog", children: ({ close }) => /* @__PURE__ */ jsxs25(Fragment15, { children: [
+    /* @__PURE__ */ jsx27(IconButton, { variant: "ghost", size: "md", icon: /* @__PURE__ */ jsx27(MenuIcon, {}), "aria-label": menuLabel, tooltip: false }),
+    /* @__PURE__ */ jsx27(ModalOverlay4, { className: "medo-nav-fullscreen-overlay", children: /* @__PURE__ */ jsx27(Modal4, { className: "medo-nav-fullscreen", children: /* @__PURE__ */ jsx27(AriaDialog4, { "aria-label": menuLabel, className: "medo-nav-fullscreen__dialog", children: ({ close }) => /* @__PURE__ */ jsxs25(Fragment15, { children: [
       /* @__PURE__ */ jsxs25("div", { className: "medo-nav-fullscreen__header", children: [
-        /* @__PURE__ */ jsx26("div", { className: "medo-site-header__logo", children: logo }),
-        /* @__PURE__ */ jsx26(IconButton, { variant: "ghost", size: "md", icon: /* @__PURE__ */ jsx26(X10, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
+        /* @__PURE__ */ jsx27("div", { className: "medo-site-header__logo", children: logo }),
+        /* @__PURE__ */ jsx27(IconButton, { variant: "ghost", size: "md", icon: /* @__PURE__ */ jsx27(X10, {}), "aria-label": closeLabel, tooltip: false, onPress: close })
       ] }),
-      /* @__PURE__ */ jsx26("nav", { "aria-label": label, className: "medo-nav-fullscreen__nav", children: /* @__PURE__ */ jsx26(NavVariantContext.Provider, { value: "sheet", children: /* @__PURE__ */ jsx26("ul", { className: "medo-nav__list", children }) }) }),
-      ordered.length > 0 && /* @__PURE__ */ jsx26("div", { className: "medo-nav-fullscreen__actions", children: ordered.map((a) => /* @__PURE__ */ jsx26(ActionLink, { action: a.variant === "ghost" || !a.variant ? { ...a, variant: "secondary" } : a, size: "lg" }, a.label)) })
+      /* @__PURE__ */ jsx27("nav", { "aria-label": label, className: "medo-nav-fullscreen__nav", children: /* @__PURE__ */ jsx27(NavVariantContext.Provider, { value: "sheet", children: /* @__PURE__ */ jsx27("ul", { className: "medo-nav__list", children }) }) }),
+      ordered.length > 0 && /* @__PURE__ */ jsx27("div", { className: "medo-nav-fullscreen__actions", children: ordered.map((a) => /* @__PURE__ */ jsx27(ActionLink, { action: a.variant === "ghost" || !a.variant ? { ...a, variant: "secondary" } : a, size: "lg" }, a.label)) })
     ] }) }) }) })
   ] });
 }
 function AppHeader({ title, headingLevel = 1, logo, search, actions }) {
   const scrolled = useScrolled();
   return /* @__PURE__ */ jsxs25("header", { className: "medo-app-header", "data-scrolled": scrolled || void 0, children: [
-    logo && /* @__PURE__ */ jsx26("div", { className: "medo-app-header__logo", children: logo }),
-    /* @__PURE__ */ jsx26(Heading5, { level: headingLevel, className: "medo-app-header__title", children: title }),
-    search && /* @__PURE__ */ jsx26("div", { className: "medo-app-header__search", children: search }),
-    actions && /* @__PURE__ */ jsx26("div", { className: "medo-app-header__actions", children: actions })
+    logo && /* @__PURE__ */ jsx27("div", { className: "medo-app-header__logo", children: logo }),
+    /* @__PURE__ */ jsx27(Heading5, { level: headingLevel, className: "medo-app-header__title", children: title }),
+    search && /* @__PURE__ */ jsx27("div", { className: "medo-app-header__search", children: search }),
+    actions && /* @__PURE__ */ jsx27("div", { className: "medo-app-header__actions", children: actions })
   ] });
 }
 function SideNav({
@@ -2357,11 +2713,16 @@ function SideNav({
   isCollapsed,
   defaultCollapsed = false,
   onCollapsedChange,
-  "aria-label": label = "App",
-  collapseLabel = "Collapse navigation",
-  expandLabel = "Expand navigation",
-  closeLabel = "Close"
+  "aria-label": labelProp,
+  collapseLabel: collapseLabelProp,
+  expandLabel: expandLabelProp,
+  closeLabel: closeLabelProp
 }) {
+  const m = useMessages();
+  const label = labelProp ?? m.navigation.app;
+  const collapseLabel = collapseLabelProp ?? m.navigation.collapse;
+  const expandLabel = expandLabelProp ?? m.navigation.expand;
+  const closeLabel = closeLabelProp ?? m.common.close;
   const [ownCollapsed, setOwnCollapsed] = useState10(defaultCollapsed);
   const tablet = useMediaQuery(TABLET_QUERY);
   const [drawer, setDrawer] = useState10(false);
@@ -2380,12 +2741,12 @@ function SideNav({
   useEffect9(() => {
     if (!tablet) setDrawer(false);
   }, [tablet]);
-  const toggle = /* @__PURE__ */ jsx26(
+  const toggle = /* @__PURE__ */ jsx27(
     IconButton,
     {
       variant: "ghost",
       size: "sm",
-      icon: /* @__PURE__ */ jsx26(PanelLeft, {}),
+      icon: /* @__PURE__ */ jsx27(PanelLeft, {}),
       "aria-label": collapsed ? expandLabel : collapseLabel,
       "aria-expanded": tablet ? drawer : !collapsed,
       onPress: () => collapsed ? expand() : collapse()
@@ -2394,48 +2755,52 @@ function SideNav({
   return /* @__PURE__ */ jsxs25("aside", { className: cx("medo-sidenav", collapsed && "medo-sidenav--collapsed"), children: [
     /* @__PURE__ */ jsxs25("div", { className: "medo-sidenav__panel", children: [
       /* @__PURE__ */ jsxs25("div", { className: "medo-sidenav__top", children: [
-        /* @__PURE__ */ jsx26("div", { className: "medo-sidenav__logo", children: collapsed ? logoMark : logo }),
+        /* @__PURE__ */ jsx27("div", { className: "medo-sidenav__logo", children: collapsed ? logoMark : logo }),
         !collapsed && toggle
       ] }),
-      /* @__PURE__ */ jsx26("nav", { "aria-label": label, className: "medo-sidenav__nav", children: /* @__PURE__ */ jsx26(SideNavContext.Provider, { value: { expand, openGroup }, children: /* @__PURE__ */ jsx26(NavVariantContext.Provider, { value: collapsed ? "rail" : "sidebar", children: /* @__PURE__ */ jsx26("ul", { className: "medo-nav__list", children }) }) }) }),
+      /* @__PURE__ */ jsx27("nav", { "aria-label": label, className: "medo-sidenav__nav", children: /* @__PURE__ */ jsx27(SideNavContext.Provider, { value: { expand, openGroup }, children: /* @__PURE__ */ jsx27(NavVariantContext.Provider, { value: collapsed ? "rail" : "sidebar", children: /* @__PURE__ */ jsx27("ul", { className: "medo-nav__list", children }) }) }) }),
       /* @__PURE__ */ jsxs25("div", { className: "medo-sidenav__bottom", children: [
         collapsed && toggle,
         user && /* @__PURE__ */ jsxs25("div", { className: "medo-sidenav__user", children: [
-          /* @__PURE__ */ jsx26(Avatar, { name: user.name, src: user.src, size: "md", decorative: !collapsed }),
+          /* @__PURE__ */ jsx27(Avatar, { name: user.name, src: user.src, size: "md", decorative: !collapsed }),
           !collapsed && /* @__PURE__ */ jsxs25("span", { className: "medo-sidenav__user-text", children: [
-            /* @__PURE__ */ jsx26("span", { className: "medo-sidenav__user-name", children: user.name }),
-            user.email && /* @__PURE__ */ jsx26("span", { className: "medo-sidenav__user-email", children: user.email })
+            /* @__PURE__ */ jsx27("span", { className: "medo-sidenav__user-name", children: user.name }),
+            user.email && /* @__PURE__ */ jsx27("span", { className: "medo-sidenav__user-email", children: user.email })
           ] })
         ] })
       ] })
     ] }),
     tablet && // Tablet: the full navigation as a Drawer on the left. Choosing a page closes it.
-    /* @__PURE__ */ jsx26(Drawer, { side: "left", size: "sm", title: logo, "aria-label": label, closeLabel, isOpen: drawer, onOpenChange: setDrawer, children: /* @__PURE__ */ jsx26("nav", { "aria-label": label, children: /* @__PURE__ */ jsx26(SideNavContext.Provider, { value: { expand, openGroup, onNavigate: () => setDrawer(false) }, children: /* @__PURE__ */ jsx26(NavVariantContext.Provider, { value: "sidebar", children: /* @__PURE__ */ jsx26("ul", { className: "medo-nav__list", children }) }) }) }) })
+    /* @__PURE__ */ jsx27(Drawer, { side: "left", size: "sm", title: logo, "aria-label": label, closeLabel, isOpen: drawer, onOpenChange: setDrawer, children: /* @__PURE__ */ jsx27("nav", { "aria-label": label, children: /* @__PURE__ */ jsx27(SideNavContext.Provider, { value: { expand, openGroup, onNavigate: () => setDrawer(false) }, children: /* @__PURE__ */ jsx27(NavVariantContext.Provider, { value: "sidebar", children: /* @__PURE__ */ jsx27("ul", { className: "medo-nav__list", children }) }) }) }) })
   ] });
 }
-function BottomTabBar({ children, "aria-label": label = "App", display = "mobile" }) {
-  return /* @__PURE__ */ jsx26("nav", { "aria-label": label, className: cx("medo-tab-bar", display === "always" && "medo-tab-bar--always"), children: /* @__PURE__ */ jsx26("ul", { className: "medo-tab-bar__list", children }) });
+function BottomTabBar({ children, "aria-label": labelProp, display = "mobile" }) {
+  const m = useMessages();
+  const label = labelProp ?? m.navigation.app;
+  return /* @__PURE__ */ jsx27("nav", { "aria-label": label, className: cx("medo-tab-bar", display === "always" && "medo-tab-bar--always"), children: /* @__PURE__ */ jsx27("ul", { className: "medo-tab-bar__list", children }) });
 }
 function TabBarItem({ children, icon, isCurrent, dot, dotLabel = "new", ...props }) {
-  return /* @__PURE__ */ jsx26("li", { className: "medo-tab-bar__entry", children: /* @__PURE__ */ jsxs25(AriaLink3, { ...props, "aria-current": isCurrent ? "page" : void 0, className: "medo-tab-bar-item", children: [
-    /* @__PURE__ */ jsx26(TabBarIcon, { icon, dot, dotLabel }),
-    /* @__PURE__ */ jsx26("span", { className: "medo-tab-bar-item__label", children })
+  return /* @__PURE__ */ jsx27("li", { className: "medo-tab-bar__entry", children: /* @__PURE__ */ jsxs25(AriaLink3, { ...props, "aria-current": isCurrent ? "page" : void 0, className: "medo-tab-bar-item", children: [
+    /* @__PURE__ */ jsx27(TabBarIcon, { icon, dot, dotLabel }),
+    /* @__PURE__ */ jsx27("span", { className: "medo-tab-bar-item__label", children })
   ] }) });
 }
 function TabBarIcon({ icon, dot, dotLabel }) {
   return /* @__PURE__ */ jsxs25("span", { className: "medo-tab-bar-item__indicator", children: [
-    /* @__PURE__ */ jsx26("span", { className: "medo-tab-bar-item__icon", "aria-hidden": "true", children: icon }),
-    dot && /* @__PURE__ */ jsx26(BadgeDot, { tone: "danger", label: dotLabel, className: "medo-tab-bar-item__dot" })
+    /* @__PURE__ */ jsx27("span", { className: "medo-tab-bar-item__icon", "aria-hidden": "true", children: icon }),
+    dot && /* @__PURE__ */ jsx27(BadgeDot, { tone: "danger", label: dotLabel, className: "medo-tab-bar-item__dot" })
   ] });
 }
-function TabBarMore({ label = "More", children, closeLabel }) {
+function TabBarMore({ label: labelProp, children, closeLabel }) {
+  const m = useMessages();
+  const label = labelProp ?? m.common.more;
   const hasCurrent = containsCurrent(children);
-  return /* @__PURE__ */ jsx26("li", { className: "medo-tab-bar__entry", children: /* @__PURE__ */ jsxs25(DialogTrigger3, { children: [
+  return /* @__PURE__ */ jsx27("li", { className: "medo-tab-bar__entry", children: /* @__PURE__ */ jsxs25(DialogTrigger3, { children: [
     /* @__PURE__ */ jsxs25(AriaButton8, { className: "medo-tab-bar-item", "aria-haspopup": "dialog", "data-current": hasCurrent || void 0, children: [
-      /* @__PURE__ */ jsx26(TabBarIcon, { icon: /* @__PURE__ */ jsx26(Ellipsis2, {}) }),
-      /* @__PURE__ */ jsx26("span", { className: "medo-tab-bar-item__label", children: label })
+      /* @__PURE__ */ jsx27(TabBarIcon, { icon: /* @__PURE__ */ jsx27(Ellipsis2, {}) }),
+      /* @__PURE__ */ jsx27("span", { className: "medo-tab-bar-item__label", children: label })
     ] }),
-    /* @__PURE__ */ jsx26(BottomSheet, { title: label, closeLabel, children: /* @__PURE__ */ jsx26("nav", { "aria-label": label, className: "medo-nav-sheet", children: /* @__PURE__ */ jsx26(NavVariantContext.Provider, { value: "sheet", children: /* @__PURE__ */ jsx26("ul", { className: "medo-nav__list", children }) }) }) })
+    /* @__PURE__ */ jsx27(BottomSheet, { title: label, closeLabel, children: /* @__PURE__ */ jsx27("nav", { "aria-label": label, className: "medo-nav-sheet", children: /* @__PURE__ */ jsx27(NavVariantContext.Provider, { value: "sheet", children: /* @__PURE__ */ jsx27("ul", { className: "medo-nav__list", children }) }) }) })
   ] }) });
 }
 function useScrolled() {
@@ -2450,14 +2815,14 @@ function useScrolled() {
 }
 
 // src/list/List.tsx
-import { createContext as createContext8, useContext as useContext15 } from "react";
+import { createContext as createContext9, useContext as useContext16 } from "react";
 import { Check as Check5, X as X11 } from "lucide-react";
-import { jsx as jsx27, jsxs as jsxs26 } from "react/jsx-runtime";
-var ListTypeContext = createContext8("bullet");
+import { jsx as jsx28, jsxs as jsxs26 } from "react/jsx-runtime";
+var ListTypeContext = createContext9("bullet");
 function List({ type = "bullet", size, start, className, style, children, ...props }) {
   const Tag2 = type === "number" ? "ol" : "ul";
   const counter = type === "number" && start !== void 0 ? { counterReset: `medo-list ${start - 1}` } : void 0;
-  return /* @__PURE__ */ jsx27(ListTypeContext.Provider, { value: type, children: /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(ListTypeContext.Provider, { value: type, children: /* @__PURE__ */ jsx28(
     Tag2,
     {
       ...props,
@@ -2469,66 +2834,68 @@ function List({ type = "bullet", size, start, className, style, children, ...pro
     }
   ) });
 }
-function ListItem({ children, excluded, excludedLabel = "Not included:", className, ...props }) {
-  const type = useContext15(ListTypeContext);
+function ListItem({ children, excluded, excludedLabel, className, ...props }) {
+  const m = useMessages();
+  const type = useContext16(ListTypeContext);
   const check = type === "check";
   return /* @__PURE__ */ jsxs26("li", { ...props, className: cx("medo-list__item", check && excluded && "medo-list__item--excluded", className), children: [
-    check && /* @__PURE__ */ jsx27("span", { className: "medo-list__icon", "aria-hidden": "true", children: excluded ? /* @__PURE__ */ jsx27(X11, {}) : /* @__PURE__ */ jsx27(Check5, {}) }),
+    check && /* @__PURE__ */ jsx28("span", { className: "medo-list__icon", "aria-hidden": "true", children: excluded ? /* @__PURE__ */ jsx28(X11, {}) : /* @__PURE__ */ jsx28(Check5, {}) }),
     check && excluded && /* @__PURE__ */ jsxs26("span", { className: "medo-visually-hidden", children: [
-      excludedLabel,
+      excludedLabel ?? m.list.notIncluded,
       " "
     ] }),
     children
   ] });
 }
 function DescriptionList({ layout = "auto", className, children, ...props }) {
-  return /* @__PURE__ */ jsx27("dl", { ...props, className: cx("medo-dl", `medo-dl--${layout}`, className), children });
+  return /* @__PURE__ */ jsx28("dl", { ...props, className: cx("medo-dl", `medo-dl--${layout}`, className), children });
 }
 function DescriptionItem({ term, children }) {
   return /* @__PURE__ */ jsxs26("div", { className: "medo-dl__row", children: [
-    /* @__PURE__ */ jsx27("dt", { className: "medo-dl__term", children: term }),
-    /* @__PURE__ */ jsx27("dd", { className: "medo-dl__value", children })
+    /* @__PURE__ */ jsx28("dt", { className: "medo-dl__term", children: term }),
+    /* @__PURE__ */ jsx28("dd", { className: "medo-dl__value", children })
   ] });
 }
 
 // src/list-view/ListView.tsx
 import { useEffect as useEffect10, useRef as useRef11, useState as useState11 } from "react";
-import { GridList, GridListItem, useLocale } from "react-aria-components";
+import { GridList, GridListItem, useLocale as useLocale2 } from "react-aria-components";
 import { ChevronRight as ChevronRight2 } from "lucide-react";
-import { Fragment as Fragment16, jsx as jsx28, jsxs as jsxs27 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx29, jsxs as jsxs27 } from "react/jsx-runtime";
 function ListView({ variant = "plain", isLoading = false, emptyState, className, children, items, ...props }) {
   if (isLoading) {
-    return /* @__PURE__ */ jsx28("div", { role: "list", "aria-busy": "true", "aria-label": props["aria-label"], className: cx("medo-list-view", `medo-list-view--${variant}`, className), children: Array.from(
+    return /* @__PURE__ */ jsx29("div", { role: "list", "aria-busy": "true", "aria-label": props["aria-label"], className: cx("medo-list-view", `medo-list-view--${variant}`, className), children: Array.from(
       { length: 3 },
-      (_, i) => variant === "cards" ? /* @__PURE__ */ jsx28("div", { role: "listitem", className: "medo-list-card medo-list-card--loading", children: /* @__PURE__ */ jsxs27("span", { className: "medo-list-card__content", children: [
-        /* @__PURE__ */ jsx28(Skeleton, { width: "50%" }),
-        /* @__PURE__ */ jsx28(Skeleton, { width: "35%" }),
-        /* @__PURE__ */ jsx28(Skeleton, { width: "70%" })
+      (_, i) => variant === "cards" ? /* @__PURE__ */ jsx29("div", { role: "listitem", className: "medo-list-card medo-list-card--loading", children: /* @__PURE__ */ jsxs27("span", { className: "medo-list-card__content", children: [
+        /* @__PURE__ */ jsx29(Skeleton, { width: "50%" }),
+        /* @__PURE__ */ jsx29(Skeleton, { width: "35%" }),
+        /* @__PURE__ */ jsx29(Skeleton, { width: "70%" })
       ] }) }, i) : /* @__PURE__ */ jsxs27("div", { role: "listitem", className: "medo-list-row medo-list-row--loading", children: [
-        /* @__PURE__ */ jsx28("span", { className: "medo-list-row__leading", children: /* @__PURE__ */ jsx28(Skeleton, { shape: "circle", width: 40, height: 40 }) }),
-        /* @__PURE__ */ jsx28("span", { className: "medo-list-row__main", children: /* @__PURE__ */ jsxs27("span", { className: "medo-list-row__content", children: [
-          /* @__PURE__ */ jsx28(Skeleton, { width: "40%" }),
-          /* @__PURE__ */ jsx28(Skeleton, { width: "70%" })
+        /* @__PURE__ */ jsx29("span", { className: "medo-list-row__leading", children: /* @__PURE__ */ jsx29(Skeleton, { shape: "circle", width: 40, height: 40 }) }),
+        /* @__PURE__ */ jsx29("span", { className: "medo-list-row__main", children: /* @__PURE__ */ jsxs27("span", { className: "medo-list-row__content", children: [
+          /* @__PURE__ */ jsx29(Skeleton, { width: "40%" }),
+          /* @__PURE__ */ jsx29(Skeleton, { width: "70%" })
         ] }) })
       ] }, i)
     ) });
   }
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     GridList,
     {
       ...props,
       items,
       keyboardNavigationBehavior: "tab",
-      renderEmptyState: emptyState ? () => /* @__PURE__ */ jsx28("div", { className: "medo-list-view__empty", children: emptyState }) : void 0,
+      renderEmptyState: emptyState ? () => /* @__PURE__ */ jsx29("div", { className: "medo-list-view__empty", children: emptyState }) : void 0,
       className: cx("medo-list-view", `medo-list-view--${variant}`, className),
       children
     }
   );
 }
-function ListRow({ title, description, lines, leading, meta, trailing, chevron, unread, unreadLabel = "Unread", swipeActions, ...props }) {
+function ListRow({ title, description, lines, leading, meta, trailing, chevron, unread, unreadLabel, swipeActions, ...props }) {
+  const m = useMessages();
   const rowLines = description ? lines ?? 2 : 1;
   const swipe = swipeActions?.start || swipeActions?.end;
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx29(
     GridListItem,
     {
       ...props,
@@ -2536,29 +2903,29 @@ function ListRow({ title, description, lines, leading, meta, trailing, chevron,
       className: cx("medo-list-row", `medo-list-row--lines-${rowLines}`, unread && "medo-list-row--unread", swipe && "medo-list-row--swipe"),
       children: ({ selectionMode }) => {
         const content = /* @__PURE__ */ jsxs27(Fragment16, { children: [
-          selectionMode !== "none" && /* @__PURE__ */ jsx28("span", { className: "medo-list-row__check", children: /* @__PURE__ */ jsx28(Checkbox, { slot: "selection" }) }),
+          selectionMode !== "none" && /* @__PURE__ */ jsx29("span", { className: "medo-list-row__check", children: /* @__PURE__ */ jsx29(Checkbox, { slot: "selection" }) }),
           leading && // Avatars size themselves: sm in 1-line rows, lg in 2–3 lines.
-          /* @__PURE__ */ jsx28(AvatarSizeContext.Provider, { value: rowLines === 1 ? "sm" : "lg", children: /* @__PURE__ */ jsx28("span", { className: "medo-list-row__leading", children: leading }) }),
+          /* @__PURE__ */ jsx29(AvatarSizeContext.Provider, { value: rowLines === 1 ? "sm" : "lg", children: /* @__PURE__ */ jsx29("span", { className: "medo-list-row__leading", children: leading }) }),
           /* @__PURE__ */ jsxs27("span", { className: "medo-list-row__main", children: [
             /* @__PURE__ */ jsxs27("span", { className: "medo-list-row__content", children: [
               /* @__PURE__ */ jsxs27("span", { className: "medo-list-row__title", children: [
                 unread && /* @__PURE__ */ jsxs27("span", { className: "medo-visually-hidden", children: [
-                  unreadLabel,
+                  unreadLabel ?? m.listView.unread,
                   ": "
                 ] }),
                 title
               ] }),
-              description && /* @__PURE__ */ jsx28("span", { className: "medo-list-row__description", children: description })
+              description && /* @__PURE__ */ jsx29("span", { className: "medo-list-row__description", children: description })
             ] }),
             (meta || unread) && /* @__PURE__ */ jsxs27("span", { className: "medo-list-row__meta", children: [
-              meta && /* @__PURE__ */ jsx28("span", { className: "medo-list-row__meta-text", children: meta }),
-              unread && /* @__PURE__ */ jsx28("span", { className: "medo-list-row__dot", "aria-hidden": "true" })
+              meta && /* @__PURE__ */ jsx29("span", { className: "medo-list-row__meta-text", children: meta }),
+              unread && /* @__PURE__ */ jsx29("span", { className: "medo-list-row__dot", "aria-hidden": "true" })
             ] }),
-            trailing && /* @__PURE__ */ jsx28("span", { className: "medo-list-row__trailing", children: trailing }),
-            chevron && /* @__PURE__ */ jsx28("span", { className: "medo-list-row__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx28(ChevronRight2, {}) })
+            trailing && /* @__PURE__ */ jsx29("span", { className: "medo-list-row__trailing", children: trailing }),
+            chevron && /* @__PURE__ */ jsx29("span", { className: "medo-list-row__chevron", "aria-hidden": "true", children: /* @__PURE__ */ jsx29(ChevronRight2, {}) })
           ] })
         ] });
-        return swipe ? /* @__PURE__ */ jsx28(Swipeable, { actions: swipeActions, children: content }) : content;
+        return swipe ? /* @__PURE__ */ jsx29(Swipeable, { actions: swipeActions, children: content }) : content;
       }
     }
   );
@@ -2575,7 +2942,7 @@ var SWIPE = {
 };
 var closeOpenRow = null;
 function Swipeable({ actions, children }) {
-  const { direction } = useLocale();
+  const { direction } = useLocale2();
   const rtl = direction === "rtl";
   const surface = useRef11(null);
   const drag = useRef11(null);
@@ -2653,8 +3020,8 @@ function Swipeable({ actions, children }) {
   };
   const revealed = actionFor(offset);
   return /* @__PURE__ */ jsxs27(Fragment16, { children: [
-    revealed && // Visual shortcut for touch; keyboard and screen readers use the „…“ menu, so it is hidden from them.
-    /* @__PURE__ */ jsx28(
+    revealed && // Visual shortcut for touch; keyboard and screen readers use the “…” menu, so it is hidden from them.
+    /* @__PURE__ */ jsx29(
       "span",
       {
         className: cx(
@@ -2690,7 +3057,7 @@ function Swipeable({ actions, children }) {
         },
         children: [
           children,
-          open && /* @__PURE__ */ jsx28(
+          open && /* @__PURE__ */ jsx29(
             "span",
             {
               className: "medo-list-row__swipe-shield",
@@ -2707,19 +3074,19 @@ function Swipeable({ actions, children }) {
   ] });
 }
 function ListRowIcon({ children }) {
-  return /* @__PURE__ */ jsx28("span", { className: "medo-list-row__icon", "aria-hidden": "true", children });
+  return /* @__PURE__ */ jsx29("span", { className: "medo-list-row__icon", "aria-hidden": "true", children });
 }
 function ListCard({ title, amount, description, meta, status, ...props }) {
-  return /* @__PURE__ */ jsx28(GridListItem, { ...props, textValue: title, className: "medo-list-card", children: ({ selectionMode }) => /* @__PURE__ */ jsxs27(Fragment16, { children: [
-    selectionMode !== "none" && /* @__PURE__ */ jsx28("span", { className: "medo-list-card__check", children: /* @__PURE__ */ jsx28(Checkbox, { slot: "selection", size: "lg" }) }),
+  return /* @__PURE__ */ jsx29(GridListItem, { ...props, textValue: title, className: "medo-list-card", children: ({ selectionMode }) => /* @__PURE__ */ jsxs27(Fragment16, { children: [
+    selectionMode !== "none" && /* @__PURE__ */ jsx29("span", { className: "medo-list-card__check", children: /* @__PURE__ */ jsx29(Checkbox, { slot: "selection", size: "lg" }) }),
     /* @__PURE__ */ jsxs27("span", { className: "medo-list-card__content", children: [
       /* @__PURE__ */ jsxs27("span", { className: "medo-list-card__top", children: [
-        /* @__PURE__ */ jsx28("span", { className: "medo-list-card__title", children: title }),
-        amount && /* @__PURE__ */ jsx28("span", { className: "medo-list-card__amount", children: amount })
+        /* @__PURE__ */ jsx29("span", { className: "medo-list-card__title", children: title }),
+        amount && /* @__PURE__ */ jsx29("span", { className: "medo-list-card__amount", children: amount })
       ] }),
-      description && /* @__PURE__ */ jsx28(AvatarSizeContext.Provider, { value: "xs", children: /* @__PURE__ */ jsx28("span", { className: "medo-list-card__description", children: description }) }),
+      description && /* @__PURE__ */ jsx29(AvatarSizeContext.Provider, { value: "xs", children: /* @__PURE__ */ jsx29("span", { className: "medo-list-card__description", children: description }) }),
       (meta || status) && /* @__PURE__ */ jsxs27("span", { className: "medo-list-card__bottom", children: [
-        /* @__PURE__ */ jsx28("span", { className: "medo-list-card__meta", children: meta }),
+        /* @__PURE__ */ jsx29("span", { className: "medo-list-card__meta", children: meta }),
         status
       ] })
     ] })
@@ -2730,18 +3097,23 @@ function ListCard({ title, amount, description, meta, status, ...props }) {
 import { useEffect as useEffect11, useRef as useRef12 } from "react";
 import { Button as AriaButton9, Toolbar as Toolbar2 } from "react-aria-components";
 import { Ellipsis as Ellipsis3, X as X12 } from "lucide-react";
-import { Fragment as Fragment17, jsx as jsx29, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx30, jsxs as jsxs28 } from "react/jsx-runtime";
 function BulkActionBar({
   count,
   actions,
   onClear,
   variant = "auto",
-  countLabel = (n) => `${n} selected`,
-  clearLabel = "Clear selection",
-  moreLabel = "More actions",
-  "aria-label": ariaLabel = "Bulk actions",
+  countLabel: countLabelProp,
+  clearLabel: clearLabelProp,
+  moreLabel: moreLabelProp,
+  "aria-label": ariaLabelProp,
   className
 }) {
+  const m = useMessages();
+  const countLabel = countLabelProp ?? m.bulkActionBar.count;
+  const clearLabel = clearLabelProp ?? m.bulkActionBar.clear;
+  const moreLabel = moreLabelProp ?? m.bulkActionBar.more;
+  const ariaLabel = ariaLabelProp ?? m.bulkActionBar.label;
   const mobile = useMediaQuery(MOBILE_QUERY);
   const isMobile = variant === "mobile" || variant === "auto" && mobile;
   const visible = count > 0;
@@ -2752,8 +3124,9 @@ function BulkActionBar({
     focusInside.current = false;
     if (returnTo.current?.isConnected) returnTo.current.focus();
   }, [visible]);
-  const shown = actions.slice(0, 3);
-  const more = actions.slice(3);
+  const max = isMobile ? actions.length > 2 ? 1 : 2 : 3;
+  const shown = actions.slice(0, max);
+  const more = actions.slice(max);
   const onKeyDown = (e) => {
     if (e.key === "Escape" && !e.defaultPrevented) {
       e.preventDefault();
@@ -2761,16 +3134,16 @@ function BulkActionBar({
     }
   };
   const overflow = more.length > 0 && (isMobile ? /* @__PURE__ */ jsxs28(MenuTrigger, { children: [
-    /* @__PURE__ */ jsx29(MenuButton, { "aria-label": moreLabel, size: "lg" }),
-    /* @__PURE__ */ jsx29(OverflowMenu, { actions: more })
+    /* @__PURE__ */ jsx30(MenuButton, { "aria-label": moreLabel, size: "lg" }),
+    /* @__PURE__ */ jsx30(OverflowMenu, { actions: more })
   ] }) : /* @__PURE__ */ jsxs28(MenuTrigger, { children: [
-    /* @__PURE__ */ jsx29(AriaButton9, { "aria-label": moreLabel, className: "medo-toast__button medo-toast__close", children: /* @__PURE__ */ jsx29(Ellipsis3, { "aria-hidden": "true" }) }),
-    /* @__PURE__ */ jsx29(OverflowMenu, { actions: more })
+    /* @__PURE__ */ jsx30(AriaButton9, { "aria-label": moreLabel, className: "medo-toast__button medo-toast__close", children: /* @__PURE__ */ jsx30(Ellipsis3, { "aria-hidden": "true" }) }),
+    /* @__PURE__ */ jsx30(OverflowMenu, { actions: more })
   ] }));
   return /* @__PURE__ */ jsxs28(Fragment17, { children: [
-    /* @__PURE__ */ jsx29("span", { role: "status", className: "medo-visually-hidden", children: visible ? countLabel(count) : "" }),
+    /* @__PURE__ */ jsx30("span", { role: "status", className: "medo-visually-hidden", children: visible ? countLabel(count) : "" }),
     visible && // The wrapper handles Esc and remembers where focus came from (events bubble from the toolbar).
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx30(
       "div",
       {
         className: "medo-bulk-bar-host",
@@ -2783,41 +3156,41 @@ function BulkActionBar({
         onBlur: (e) => {
           if (!e.currentTarget.contains(e.relatedTarget)) focusInside.current = false;
         },
-        children: /* @__PURE__ */ jsx29(Toolbar2, { "aria-label": ariaLabel, className: cx("medo-bulk-bar", isMobile ? "medo-bulk-bar--mobile" : "medo-bulk-bar--desktop", className), children: isMobile ? /* @__PURE__ */ jsxs28(Fragment17, { children: [
+        children: /* @__PURE__ */ jsx30(Toolbar2, { "aria-label": ariaLabel, className: cx("medo-bulk-bar", isMobile ? "medo-bulk-bar--mobile" : "medo-bulk-bar--desktop", className), children: isMobile ? /* @__PURE__ */ jsxs28(Fragment17, { children: [
           /* @__PURE__ */ jsxs28("span", { className: "medo-bulk-bar__start", children: [
-            /* @__PURE__ */ jsx29(IconButton, { variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx29(X12, {}), "aria-label": clearLabel, tooltip: false, onPress: onClear }),
-            /* @__PURE__ */ jsx29("span", { className: "medo-bulk-bar__count", children: countLabel(count) })
+            /* @__PURE__ */ jsx30(IconButton, { variant: "ghost", size: "lg", icon: /* @__PURE__ */ jsx30(X12, {}), "aria-label": clearLabel, tooltip: false, onPress: onClear }),
+            /* @__PURE__ */ jsx30("span", { className: "medo-bulk-bar__count", children: countLabel(count) })
           ] }),
           /* @__PURE__ */ jsxs28("span", { className: "medo-bulk-bar__actions", children: [
-            shown.map((a) => /* @__PURE__ */ jsx29(Button, { variant: a.variant === "danger" ? "ghost-danger" : "ghost", size: "lg", onPress: a.onAction, children: a.label }, a.label)),
+            shown.map((a) => /* @__PURE__ */ jsx30(Button, { variant: a.variant === "danger" ? "ghost-danger" : "ghost", size: "lg", onPress: a.onAction, children: a.label }, a.label)),
             overflow
           ] })
         ] }) : /* @__PURE__ */ jsxs28(Fragment17, { children: [
-          /* @__PURE__ */ jsx29("span", { className: "medo-bulk-bar__count", children: countLabel(count) }),
-          /* @__PURE__ */ jsx29("span", { className: "medo-bulk-bar__divider", "aria-hidden": "true" }),
-          shown.map((a) => /* @__PURE__ */ jsx29(AriaButton9, { className: "medo-toast__button medo-toast__action", onPress: a.onAction, children: a.label }, a.label)),
+          /* @__PURE__ */ jsx30("span", { className: "medo-bulk-bar__count", children: countLabel(count) }),
+          /* @__PURE__ */ jsx30("span", { className: "medo-bulk-bar__divider", "aria-hidden": "true" }),
+          shown.map((a) => /* @__PURE__ */ jsx30(AriaButton9, { className: "medo-toast__button medo-toast__action", onPress: a.onAction, children: a.label }, a.label)),
           overflow,
-          /* @__PURE__ */ jsx29("span", { className: "medo-bulk-bar__divider", "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx29(AriaButton9, { "aria-label": clearLabel, className: "medo-toast__button medo-toast__close", onPress: onClear, children: /* @__PURE__ */ jsx29(X12, { "aria-hidden": "true" }) })
+          /* @__PURE__ */ jsx30("span", { className: "medo-bulk-bar__divider", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx30(AriaButton9, { "aria-label": clearLabel, className: "medo-toast__button medo-toast__close", onPress: onClear, children: /* @__PURE__ */ jsx30(X12, { "aria-hidden": "true" }) })
         ] }) })
       }
     )
   ] });
 }
 function OverflowMenu({ actions }) {
-  return /* @__PURE__ */ jsx29(Menu, { onAction: (key) => actions[Number(key)]?.onAction(), children: actions.map((a, i) => /* @__PURE__ */ jsx29(MenuItem, { id: i, icon: a.icon, variant: a.variant === "danger" ? "danger" : "default", children: a.label }, i)) });
+  return /* @__PURE__ */ jsx30(Menu, { onAction: (key) => actions[Number(key)]?.onAction(), children: actions.map((a, i) => /* @__PURE__ */ jsx30(MenuItem, { id: i, icon: a.icon, variant: a.variant === "danger" ? "danger" : "default", children: a.label }, i)) });
 }
 
 // src/empty-state/EmptyState.tsx
 import { useId as useId6 } from "react";
 import { CircleAlert as CircleAlert4, CircleCheck, Folder, Lock, Search as Search2 } from "lucide-react";
-import { jsx as jsx30, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs29 } from "react/jsx-runtime";
 var defaults = {
-  "first-use": { icon: /* @__PURE__ */ jsx30(Folder, {}), tone: "neutral" },
-  "no-results": { icon: /* @__PURE__ */ jsx30(Search2, {}), tone: "neutral" },
-  error: { icon: /* @__PURE__ */ jsx30(CircleAlert4, {}), tone: "danger" },
-  "no-access": { icon: /* @__PURE__ */ jsx30(Lock, {}), tone: "neutral" },
-  "all-done": { icon: /* @__PURE__ */ jsx30(CircleCheck, {}), tone: "success" }
+  "first-use": { icon: /* @__PURE__ */ jsx31(Folder, {}), tone: "neutral" },
+  "no-results": { icon: /* @__PURE__ */ jsx31(Search2, {}), tone: "neutral" },
+  error: { icon: /* @__PURE__ */ jsx31(CircleAlert4, {}), tone: "danger" },
+  "no-access": { icon: /* @__PURE__ */ jsx31(Lock, {}), tone: "neutral" },
+  "all-done": { icon: /* @__PURE__ */ jsx31(CircleCheck, {}), tone: "success" }
 };
 var tileSize = { page: "lg", section: "md", inline: "sm" };
 function EmptyState({
@@ -2840,26 +3213,26 @@ function EmptyState({
   const Title = isInline ? "p" : `h${headingLevel ?? (size === "page" ? 2 : 3)}`;
   const buttonSize = size === "page" ? "md" : "sm";
   return /* @__PURE__ */ jsxs29(Tag2, { ...props, "aria-labelledby": isInline ? void 0 : titleId, className: cx("medo-empty-state", `medo-empty-state--${size}`, className), children: [
-    illustration ? /* @__PURE__ */ jsx30("span", { className: "medo-empty-state__illustration", "aria-hidden": "true", children: illustration }) : /* @__PURE__ */ jsx30(IconTile, { size: tileSize[size], tone, children: icon ?? defaultIcon }),
+    illustration ? /* @__PURE__ */ jsx31("span", { className: "medo-empty-state__illustration", "aria-hidden": "true", children: illustration }) : /* @__PURE__ */ jsx31(IconTile, { size: tileSize[size], tone, children: icon ?? defaultIcon }),
     /* @__PURE__ */ jsxs29("div", { className: "medo-empty-state__content", role: type === "no-results" ? "status" : void 0, children: [
-      /* @__PURE__ */ jsx30(Title, { id: titleId, className: "medo-empty-state__title", children: title }),
-      description && /* @__PURE__ */ jsx30("p", { className: "medo-empty-state__description", children: description })
+      /* @__PURE__ */ jsx31(Title, { id: titleId, className: "medo-empty-state__title", children: title }),
+      description && /* @__PURE__ */ jsx31("p", { className: "medo-empty-state__description", children: description })
     ] }),
     (action || secondaryAction) && /* @__PURE__ */ jsxs29("div", { className: "medo-empty-state__actions", children: [
-      action && /* @__PURE__ */ jsx30(Button, { variant: type === "first-use" ? "primary" : "secondary", size: buttonSize, onPress: action.onPress, isDisabled: action.isDisabled, children: action.label }),
-      secondaryAction && (secondaryAction.href ? /* @__PURE__ */ jsx30(Link, { variant: "standalone", href: secondaryAction.href, isDisabled: secondaryAction.isDisabled, children: secondaryAction.label }) : /* @__PURE__ */ jsx30(Button, { variant: "text", size: buttonSize, onPress: secondaryAction.onPress, isDisabled: secondaryAction.isDisabled, children: secondaryAction.label }))
+      action && /* @__PURE__ */ jsx31(Button, { variant: type === "first-use" ? "primary" : "secondary", size: buttonSize, onPress: action.onPress, isDisabled: action.isDisabled, children: action.label }),
+      secondaryAction && (secondaryAction.href ? /* @__PURE__ */ jsx31(Link, { variant: "standalone", href: secondaryAction.href, isDisabled: secondaryAction.isDisabled, children: secondaryAction.label }) : /* @__PURE__ */ jsx31(Button, { variant: "text", size: buttonSize, onPress: secondaryAction.onPress, isDisabled: secondaryAction.isDisabled, children: secondaryAction.label }))
     ] })
   ] });
 }
 function IconTile({ size = "md", tone = "neutral", children }) {
-  return /* @__PURE__ */ jsx30("span", { className: cx("medo-icon-tile", `medo-icon-tile--${size}`, `medo-icon-tile--${tone}`), "aria-hidden": "true", children });
+  return /* @__PURE__ */ jsx31("span", { className: cx("medo-icon-tile", `medo-icon-tile--${size}`, `medo-icon-tile--${tone}`), "aria-hidden": "true", children });
 }
 
 // src/pagination/Pagination.tsx
 import { useId as useId7, useRef as useRef13, useState as useState12 } from "react";
 import { Button as AriaButton10, Link as AriaLink4 } from "react-aria-components";
 import { ChevronLeft as ChevronLeft2, ChevronRight as ChevronRight3 } from "lucide-react";
-import { Fragment as Fragment18, jsx as jsx31, jsxs as jsxs30 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx32, jsxs as jsxs30 } from "react/jsx-runtime";
 function getPageItems(page, totalPages) {
   if (totalPages <= 7) return Array.from({ length: totalPages }, (_, i) => i + 1);
   if (page <= 4) return [1, 2, 3, 4, 5, "ellipsis", totalPages];
@@ -2878,15 +3251,23 @@ function Pagination({
   pageSizeOptions = [10, 20, 50, 100],
   variant = "auto",
   size = "md",
-  "aria-label": ariaLabel = "Pagination",
-  summary = (from, to, total) => `${from}\u2013${to} of ${total}`,
-  pageSizeLabel = "Rows per page",
-  previousLabel = "Previous page",
-  nextLabel = "Next page",
-  pageLabel = (p) => `Page ${p}`,
-  compactLabel = (p, total) => `Page ${p} of ${total}`,
+  "aria-label": ariaLabelProp,
+  summary: summaryProp,
+  pageSizeLabel: pageSizeLabelProp,
+  previousLabel: previousLabelProp,
+  nextLabel: nextLabelProp,
+  pageLabel: pageLabelProp,
+  compactLabel: compactLabelProp,
   className
 }) {
+  const m = useMessages();
+  const ariaLabel = ariaLabelProp ?? m.pagination.label;
+  const summary = summaryProp ?? m.pagination.summary;
+  const pageSizeLabel = pageSizeLabelProp ?? m.pagination.pageSize;
+  const previousLabel = previousLabelProp ?? m.pagination.previous;
+  const nextLabel = nextLabelProp ?? m.pagination.next;
+  const pageLabel = pageLabelProp ?? m.pagination.page;
+  const compactLabel = compactLabelProp ?? m.pagination.pageOf;
   const [innerPage, setInnerPage] = useState12(defaultPage);
   const mobile = useMediaQuery(MOBILE_QUERY);
   const totalPages = totalPagesProp ?? (totalItems !== void 0 ? Math.ceil(totalItems / pageSize) : 1);
@@ -2905,23 +3286,23 @@ function Pagination({
       (nav.querySelector('[aria-current="page"]') ?? nav.querySelector(".medo-button:not([data-disabled])"))?.focus();
     });
   };
-  const item = (target, props) => getPageHref ? /* @__PURE__ */ jsx31(AriaLink4, { ...props, href: props.isDisabled ? void 0 : getPageHref(target), onPress: () => go(target) }) : /* @__PURE__ */ jsx31(AriaButton10, { ...props, onPress: () => go(target) });
+  const item = (target, props) => getPageHref ? /* @__PURE__ */ jsx32(AriaLink4, { ...props, href: props.isDisabled ? void 0 : getPageHref(target), onPress: () => go(target) }) : /* @__PURE__ */ jsx32(AriaButton10, { ...props, onPress: () => go(target) });
   const step = (target, label, icon) => item(target, {
     className: cx("medo-button", "medo-button--icon-only", "medo-button--ghost", `medo-button--${itemSize}`),
     "aria-label": label,
     isDisabled: target < 1 || target > totalPages,
-    children: /* @__PURE__ */ jsx31("span", { className: "medo-button__icon", "aria-hidden": "true", children: icon })
+    children: /* @__PURE__ */ jsx32("span", { className: "medo-button__icon", "aria-hidden": "true", children: icon })
   });
   const from = (page - 1) * pageSize + 1;
   const to = totalItems !== void 0 ? Math.min(page * pageSize, totalItems) : page * pageSize;
-  return /* @__PURE__ */ jsx31("nav", { ref: navRef, "aria-label": ariaLabel, className: cx("medo-pagination", compact ? "medo-pagination--compact" : "medo-pagination--full", className), children: compact ? /* @__PURE__ */ jsxs30(Fragment18, { children: [
-    step(page - 1, previousLabel, /* @__PURE__ */ jsx31(ChevronLeft2, {})),
-    /* @__PURE__ */ jsx31("p", { role: "status", className: "medo-pagination__compact-label", children: compactLabel(page, totalPages) }),
-    step(page + 1, nextLabel, /* @__PURE__ */ jsx31(ChevronRight3, {}))
+  return /* @__PURE__ */ jsx32("nav", { ref: navRef, "aria-label": ariaLabel, className: cx("medo-pagination", compact ? "medo-pagination--compact" : "medo-pagination--full", className), children: compact ? /* @__PURE__ */ jsxs30(Fragment18, { children: [
+    step(page - 1, previousLabel, /* @__PURE__ */ jsx32(ChevronLeft2, {})),
+    /* @__PURE__ */ jsx32("p", { role: "status", className: "medo-pagination__compact-label", children: compactLabel(page, totalPages) }),
+    step(page + 1, nextLabel, /* @__PURE__ */ jsx32(ChevronRight3, {}))
   ] }) : /* @__PURE__ */ jsxs30(Fragment18, { children: [
     (totalItems !== void 0 || onPageSizeChange) && /* @__PURE__ */ jsxs30("div", { className: "medo-pagination__info", children: [
-      totalItems !== void 0 && /* @__PURE__ */ jsx31("p", { id: statusId, role: "status", className: "medo-pagination__summary", children: summary(from, to, totalItems) }),
-      onPageSizeChange && /* @__PURE__ */ jsx31(
+      totalItems !== void 0 && /* @__PURE__ */ jsx32("p", { id: statusId, role: "status", className: "medo-pagination__summary", children: summary(from, to, totalItems) }),
+      onPageSizeChange && /* @__PURE__ */ jsx32(
         Select,
         {
           label: pageSizeLabel,
@@ -2929,24 +3310,24 @@ function Pagination({
           selectedKey: pageSize,
           onSelectionChange: (key) => key != null && onPageSizeChange(Number(key)),
           className: "medo-pagination__size",
-          children: pageSizeOptions.map((n) => /* @__PURE__ */ jsx31(Option, { id: n, children: String(n) }, n))
+          children: pageSizeOptions.map((n) => /* @__PURE__ */ jsx32(Option, { id: n, children: String(n) }, n))
         }
       )
     ] }),
     /* @__PURE__ */ jsxs30("ul", { className: "medo-pagination__pages", role: "list", children: [
-      /* @__PURE__ */ jsx31("li", { children: step(page - 1, previousLabel, /* @__PURE__ */ jsx31(ChevronLeft2, {})) }),
+      /* @__PURE__ */ jsx32("li", { children: step(page - 1, previousLabel, /* @__PURE__ */ jsx32(ChevronLeft2, {})) }),
       getPageItems(page, totalPages).map(
         (p, i) => p === "ellipsis" ? (
           // Text, not a button – hidden from screen readers (the page names say where they jump).
-          /* @__PURE__ */ jsx31("li", { className: cx("medo-page-item", "medo-page-item--ellipsis", `medo-page-item--${itemSize}`), "aria-hidden": "true", children: "\u2026" }, `e${i}`)
-        ) : /* @__PURE__ */ jsx31("li", { children: item(p, {
+          /* @__PURE__ */ jsx32("li", { className: cx("medo-page-item", "medo-page-item--ellipsis", `medo-page-item--${itemSize}`), "aria-hidden": "true", children: "\u2026" }, `e${i}`)
+        ) : /* @__PURE__ */ jsx32("li", { children: item(p, {
           className: cx("medo-button", "medo-button--ghost", `medo-button--${itemSize}`, "medo-page-item", `medo-page-item--${itemSize}`),
           "aria-label": pageLabel(p),
           "aria-current": p === page ? "page" : void 0,
           children: p
         }) }, p)
       ),
-      /* @__PURE__ */ jsx31("li", { children: step(page + 1, nextLabel, /* @__PURE__ */ jsx31(ChevronRight3, {})) })
+      /* @__PURE__ */ jsx32("li", { children: step(page + 1, nextLabel, /* @__PURE__ */ jsx32(ChevronRight3, {})) })
     ] })
   ] }) });
 }
@@ -2954,24 +3335,25 @@ function Pagination({
 // src/search/SearchField.tsx
 import { Button as AriaButton11, Input as AriaInput2, SearchField as AriaSearchField } from "react-aria-components";
 import { Search as Search3, X as X13 } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs31 } from "react/jsx-runtime";
-function SearchField({ label, description, placeholder, size = "md", clearLabel = "Clear search", className, ...props }) {
+import { jsx as jsx33, jsxs as jsxs31 } from "react/jsx-runtime";
+function SearchField({ label, description, placeholder, size = "md", clearLabel, className, ...props }) {
+  const m = useMessages();
   return /* @__PURE__ */ jsxs31(AriaSearchField, { ...props, className: cx("medo-field", "medo-search-field", className), children: [
-    label && /* @__PURE__ */ jsx32(FieldLabel, { isRequired: props.isRequired, children: label }),
+    label && /* @__PURE__ */ jsx33(FieldLabel, { isRequired: props.isRequired, children: label }),
     /* @__PURE__ */ jsxs31("div", { className: cx("medo-input", `medo-input--${size}`), children: [
-      /* @__PURE__ */ jsx32("span", { className: "medo-input__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx32(Search3, {}) }),
-      /* @__PURE__ */ jsx32(AriaInput2, { className: "medo-input__control", placeholder }),
-      /* @__PURE__ */ jsx32(AriaButton11, { "aria-label": clearLabel, className: "medo-input__action medo-search-field__clear", children: /* @__PURE__ */ jsx32(X13, {}) })
+      /* @__PURE__ */ jsx33("span", { className: "medo-input__icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx33(Search3, {}) }),
+      /* @__PURE__ */ jsx33(AriaInput2, { className: "medo-input__control", placeholder }),
+      /* @__PURE__ */ jsx33(AriaButton11, { "aria-label": clearLabel ?? m.searchField.clear, className: "medo-input__action medo-search-field__clear", children: /* @__PURE__ */ jsx33(X13, {}) })
     ] }),
-    description && /* @__PURE__ */ jsx32(FieldFooter, { description })
+    description && /* @__PURE__ */ jsx33(FieldFooter, { description })
   ] });
 }
 
 // src/search/SearchResult.tsx
 import { Link as AriaLink5 } from "react-aria-components";
 import { FileText, Globe } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs32 } from "react/jsx-runtime";
-var icons = { page: /* @__PURE__ */ jsx33(Globe, {}), document: /* @__PURE__ */ jsx33(FileText, {}) };
+import { jsx as jsx34, jsxs as jsxs32 } from "react/jsx-runtime";
+var icons = { page: /* @__PURE__ */ jsx34(Globe, {}), document: /* @__PURE__ */ jsx34(FileText, {}) };
 function SearchResult({
   type = "page",
   variant = "base",
@@ -2988,16 +3370,16 @@ function SearchResult({
   className
 }) {
   const Heading7 = `h${headingLevel}`;
-  const lead = leading ?? (icons[type] && /* @__PURE__ */ jsx33(IconTile, { size: "sm", children: icons[type] }));
+  const lead = leading ?? (icons[type] && /* @__PURE__ */ jsx34(IconTile, { size: "sm", children: icons[type] }));
   return /* @__PURE__ */ jsxs32("article", { className: cx("medo-search-result", `medo-search-result--${variant}`, `medo-search-result--${type}`, className), children: [
-    lead && /* @__PURE__ */ jsx33(AvatarSizeContext.Provider, { value: "lg", children: /* @__PURE__ */ jsx33("span", { className: "medo-search-result__leading", children: lead }) }),
+    lead && /* @__PURE__ */ jsx34(AvatarSizeContext.Provider, { value: "lg", children: /* @__PURE__ */ jsx34("span", { className: "medo-search-result__leading", children: lead }) }),
     /* @__PURE__ */ jsxs32("div", { className: "medo-search-result__content", children: [
-      path && /* @__PURE__ */ jsx33("span", { className: "medo-search-result__path", children: path }),
-      /* @__PURE__ */ jsx33(Heading7, { className: "medo-search-result__title", children: /* @__PURE__ */ jsx33(AriaLink5, { ...linkProps, href, className: "medo-search-result__link", children: /* @__PURE__ */ jsx33(Highlight, { text: title, query, all: true, className: "medo-search-result__match" }) }) }),
-      snippet && /* @__PURE__ */ jsx33("p", { className: "medo-search-result__snippet", children: typeof snippet === "string" ? /* @__PURE__ */ jsx33(Highlight, { text: snippet, query, all: true, className: "medo-search-result__match" }) : snippet }),
+      path && /* @__PURE__ */ jsx34("span", { className: "medo-search-result__path", children: path }),
+      /* @__PURE__ */ jsx34(Heading7, { className: "medo-search-result__title", children: /* @__PURE__ */ jsx34(AriaLink5, { ...linkProps, href, className: "medo-search-result__link", children: /* @__PURE__ */ jsx34(Highlight, { text: title, query, all: true, className: "medo-search-result__match" }) }) }),
+      snippet && /* @__PURE__ */ jsx34("p", { className: "medo-search-result__snippet", children: typeof snippet === "string" ? /* @__PURE__ */ jsx34(Highlight, { text: snippet, query, all: true, className: "medo-search-result__match" }) : snippet }),
       (badge || meta) && /* @__PURE__ */ jsxs32("span", { className: "medo-search-result__meta", children: [
-        badge && /* @__PURE__ */ jsx33(Badge, { tone: "neutral", size: "sm", children: badge }),
-        meta && /* @__PURE__ */ jsx33("span", { className: "medo-search-result__meta-text", children: meta })
+        badge && /* @__PURE__ */ jsx34(Badge, { tone: "neutral", size: "sm", children: badge }),
+        meta && /* @__PURE__ */ jsx34("span", { className: "medo-search-result__meta-text", children: meta })
       ] })
     ] })
   ] });
@@ -3007,7 +3389,7 @@ function SearchResult({
 import { useEffect as useEffect12, useLayoutEffect as useLayoutEffect5, useState as useState13 } from "react";
 import { Autocomplete as Autocomplete2, Button as AriaButton12, Dialog as Dialog3, Modal as Modal5, ModalOverlay as ModalOverlay5, useFilter as useFilter2 } from "react-aria-components";
 import { Search as Search4 } from "lucide-react";
-import { jsx as jsx34, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs33 } from "react/jsx-runtime";
 function QuickSearch({
   isOpen,
   defaultOpen,
@@ -3021,15 +3403,24 @@ function QuickSearch({
   onAction,
   allResultsHref,
   onSearch,
-  "aria-label": ariaLabel = "Search",
-  placeholder = "Search pages, files, people \u2026",
-  cancelLabel = "Cancel",
-  suggestionsLabel = "Suggestions",
-  allResultsLabel = (q) => `All results for \u201C${q}\u201D`,
-  noResultsLabel = (q) => `No results for \u201C${q}\u201D. Check the spelling or try other words.`,
-  searchAllLabel = (q) => `Search all content for \u201C${q}\u201D`,
-  hints = { navigate: "Navigate", open: "Open", close: "Close" }
+  "aria-label": ariaLabelProp,
+  placeholder: placeholderProp,
+  cancelLabel: cancelLabelProp,
+  suggestionsLabel: suggestionsLabelProp,
+  allResultsLabel: allResultsLabelProp,
+  noResultsLabel: noResultsLabelProp,
+  searchAllLabel: searchAllLabelProp,
+  hints: hintsProp
 }) {
+  const m = useMessages();
+  const ariaLabel = ariaLabelProp ?? m.common.search;
+  const placeholder = placeholderProp ?? m.quickSearch.placeholder;
+  const cancelLabel = cancelLabelProp ?? m.common.cancel;
+  const suggestionsLabel = suggestionsLabelProp ?? m.quickSearch.suggestions;
+  const allResultsLabel = allResultsLabelProp ?? m.quickSearch.allResults;
+  const noResultsLabel = noResultsLabelProp ?? m.quickSearch.noResults;
+  const searchAllLabel = searchAllLabelProp ?? m.quickSearch.searchAll;
+  const hints = hintsProp ?? { navigate: m.quickSearch.navigate, open: m.quickSearch.open, close: m.common.close };
   const mobile = useMediaQuery(MOBILE_QUERY);
   const [innerOpen, setInnerOpen] = useState13(defaultOpen ?? false);
   const open = isOpen ?? innerOpen;
@@ -3059,17 +3450,17 @@ function QuickSearch({
   const term = query.trim();
   const close = () => setOpen(false);
   const [empty, setEmpty] = useState13(false);
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx35(
     ModalOverlay5,
     {
       isOpen: open,
       onOpenChange: setOpen,
       isDismissable: true,
       className: cx("medo-dialog-overlay", "medo-quick-search-overlay", mobile && "medo-quick-search-overlay--mobile"),
-      children: /* @__PURE__ */ jsx34(Modal5, { className: cx("medo-dialog", "medo-quick-search", mobile && "medo-quick-search--mobile"), children: /* @__PURE__ */ jsxs33(Dialog3, { "aria-label": ariaLabel, className: "medo-quick-search__dialog", children: [
+      children: /* @__PURE__ */ jsx35(Modal5, { className: cx("medo-dialog", "medo-quick-search", mobile && "medo-quick-search--mobile"), children: /* @__PURE__ */ jsxs33(Dialog3, { "aria-label": ariaLabel, className: "medo-quick-search__dialog", children: [
         /* @__PURE__ */ jsxs33(Autocomplete2, { inputValue: query, onInputChange: setQuery, filter: clientFilter ? contains : void 0, children: [
           /* @__PURE__ */ jsxs33("div", { className: "medo-quick-search__bar", children: [
-            /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx35(
               SearchField,
               {
                 "aria-label": ariaLabel,
@@ -3080,10 +3471,10 @@ function QuickSearch({
                 className: "medo-quick-search__field"
               }
             ),
-            mobile && /* @__PURE__ */ jsx34(Button, { variant: "text", size: "lg", onPress: close, children: cancelLabel })
+            mobile && /* @__PURE__ */ jsx35(Button, { variant: "text", size: "lg", onPress: close, children: cancelLabel })
           ] }),
           /* @__PURE__ */ jsxs33("div", { className: "medo-quick-search__scroll", tabIndex: 0, "aria-label": suggestionsLabel, role: "region", children: [
-            /* @__PURE__ */ jsx34(OptionHighlightContext.Provider, { value: term, children: /* @__PURE__ */ jsx34(
+            /* @__PURE__ */ jsx35(OptionHighlightContext.Provider, { value: term, children: /* @__PURE__ */ jsx35(
               ListBox,
               {
                 "aria-label": ariaLabel,
@@ -3094,30 +3485,30 @@ function QuickSearch({
                   close();
                 },
                 className: "medo-quick-search__list",
-                renderEmptyState: () => term ? /* @__PURE__ */ jsx34(EmptyReporter, { onChange: setEmpty, message: noResultsLabel(term) }) : null,
+                renderEmptyState: () => term ? /* @__PURE__ */ jsx35(EmptyReporter, { onChange: setEmpty, message: noResultsLabel(term) }) : null,
                 children
               }
             ) }),
             empty && term && onSearch && /* @__PURE__ */ jsxs33(AriaButton12, { className: "medo-quick-search__all", onPress: () => onSearch(term), children: [
-              /* @__PURE__ */ jsx34(Search4, { "aria-hidden": "true" }),
+              /* @__PURE__ */ jsx35(Search4, { "aria-hidden": "true" }),
               searchAllLabel(term)
             ] })
           ] })
         ] }),
         !mobile && /* @__PURE__ */ jsxs33("div", { className: "medo-quick-search__footer", children: [
           /* @__PURE__ */ jsxs33("span", { className: "medo-quick-search__hint", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx34(Badge, { size: "sm", children: "\u2191 \u2193" }),
+            /* @__PURE__ */ jsx35(Badge, { size: "sm", children: "\u2191 \u2193" }),
             hints.navigate
           ] }),
           /* @__PURE__ */ jsxs33("span", { className: "medo-quick-search__hint", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx34(Badge, { size: "sm", children: "Enter" }),
+            /* @__PURE__ */ jsx35(Badge, { size: "sm", children: "Enter" }),
             hints.open
           ] }),
           /* @__PURE__ */ jsxs33("span", { className: "medo-quick-search__hint", "aria-hidden": "true", children: [
-            /* @__PURE__ */ jsx34(Badge, { size: "sm", children: "Esc" }),
+            /* @__PURE__ */ jsx35(Badge, { size: "sm", children: "Esc" }),
             hints.close
           ] }),
-          term && !empty && allResultsHref && /* @__PURE__ */ jsx34(Link, { variant: "standalone", size: "md", arrow: true, href: allResultsHref(term), className: "medo-quick-search__all-results", onPress: close, children: allResultsLabel(term) })
+          term && !empty && allResultsHref && /* @__PURE__ */ jsx35(Link, { variant: "standalone", size: "md", arrow: true, href: allResultsHref(term), className: "medo-quick-search__all-results", onPress: close, children: allResultsLabel(term) })
         ] })
       ] }) })
     }
@@ -3128,60 +3519,63 @@ function EmptyReporter({ message, onChange }) {
     onChange(true);
     return () => onChange(false);
   }, [onChange]);
-  return /* @__PURE__ */ jsx34("p", { role: "status", className: "medo-quick-search__message", children: message });
+  return /* @__PURE__ */ jsx35("p", { role: "status", className: "medo-quick-search__message", children: message });
 }
 
 // src/breadcrumbs/Breadcrumbs.tsx
 import { useLayoutEffect as useLayoutEffect6, useRef as useRef14, useState as useState14 } from "react";
 import { Breadcrumb, Breadcrumbs as AriaBreadcrumbs, Button as AriaButton13, Link as AriaLink6 } from "react-aria-components";
 import { ChevronLeft as ChevronLeft3, ChevronRight as ChevronRight4, Ellipsis as Ellipsis4, Folder as Folder2, House } from "lucide-react";
-import { jsx as jsx35, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs34 } from "react/jsx-runtime";
 function Breadcrumbs({
   items,
   size = "md",
   homeIcon = true,
   layout = "auto",
-  "aria-label": ariaLabel = "Breadcrumb",
-  moreLabel = (n) => `Show ${n} more levels`,
+  "aria-label": ariaLabelProp,
+  moreLabel: moreLabelProp,
   className
 }) {
+  const m = useMessages();
+  const ariaLabel = ariaLabelProp ?? m.breadcrumbs.label;
+  const moreLabel = moreLabelProp ?? m.breadcrumbs.more;
   const mobile = useMediaQuery(MOBILE_QUERY);
   const back = layout === "back" || layout === "auto" && mobile;
   if (items.length < 2) return null;
   if (back) {
     const parent = items[items.length - 2];
-    return /* @__PURE__ */ jsx35("nav", { "aria-label": ariaLabel, className: cx("medo-breadcrumbs", `medo-breadcrumbs--${size}`, "medo-breadcrumbs--back", className), children: /* @__PURE__ */ jsxs34(AriaLink6, { href: parent.href, className: "medo-breadcrumbs__link medo-breadcrumbs__back", children: [
-      /* @__PURE__ */ jsx35(ChevronLeft3, { className: "medo-breadcrumbs__back-icon", "aria-hidden": "true" }),
-      /* @__PURE__ */ jsx35(Label3, { text: parent.label })
+    return /* @__PURE__ */ jsx36("nav", { "aria-label": ariaLabel, className: cx("medo-breadcrumbs", `medo-breadcrumbs--${size}`, "medo-breadcrumbs--back", className), children: /* @__PURE__ */ jsxs34(AriaLink6, { href: parent.href, className: "medo-breadcrumbs__link medo-breadcrumbs__back", children: [
+      /* @__PURE__ */ jsx36(ChevronLeft3, { className: "medo-breadcrumbs__back-icon", "aria-hidden": "true" }),
+      /* @__PURE__ */ jsx36(Label3, { text: parent.label })
     ] }) });
   }
   const collapse = items.length >= 5;
   const hidden = collapse ? items.slice(1, -3) : [];
   const shown = collapse ? [items[0], null, ...items.slice(-3)] : items;
   const last = shown.length - 1;
-  return /* @__PURE__ */ jsx35("nav", { "aria-label": ariaLabel, className: cx("medo-breadcrumbs", `medo-breadcrumbs--${size}`, className), children: /* @__PURE__ */ jsx35(AriaBreadcrumbs, { className: "medo-breadcrumbs__list", children: shown.map((item, i) => {
-    const separator = i < last && /* @__PURE__ */ jsx35(ChevronRight4, { className: "medo-breadcrumbs__separator", "aria-hidden": "true" });
+  return /* @__PURE__ */ jsx36("nav", { "aria-label": ariaLabel, className: cx("medo-breadcrumbs", `medo-breadcrumbs--${size}`, className), children: /* @__PURE__ */ jsx36(AriaBreadcrumbs, { className: "medo-breadcrumbs__list", children: shown.map((item, i) => {
+    const separator = i < last && /* @__PURE__ */ jsx36(ChevronRight4, { className: "medo-breadcrumbs__separator", "aria-hidden": "true" });
     if (!item) {
       return /* @__PURE__ */ jsxs34(Breadcrumb, { id: "more", className: "medo-breadcrumbs__item", children: [
         /* @__PURE__ */ jsxs34(MenuTrigger, { children: [
-          /* @__PURE__ */ jsx35(AriaButton13, { "aria-label": moreLabel(hidden.length), className: "medo-breadcrumbs__icon-part", children: /* @__PURE__ */ jsx35(Ellipsis4, { "aria-hidden": "true" }) }),
-          /* @__PURE__ */ jsx35(Menu, { children: hidden.map((h) => /* @__PURE__ */ jsx35(MenuItem, { id: h.label, href: h.href, icon: /* @__PURE__ */ jsx35(Folder2, {}), children: h.label }, h.label)) })
+          /* @__PURE__ */ jsx36(AriaButton13, { "aria-label": moreLabel(hidden.length), className: "medo-breadcrumbs__icon-part", children: /* @__PURE__ */ jsx36(Ellipsis4, { "aria-hidden": "true" }) }),
+          /* @__PURE__ */ jsx36(Menu, { children: hidden.map((h) => /* @__PURE__ */ jsx36(MenuItem, { id: h.label, href: h.href, icon: /* @__PURE__ */ jsx36(Folder2, {}), children: h.label }, h.label)) })
         ] }),
         separator
       ] }, "more");
     }
     const isHome = homeIcon && i === 0;
     return /* @__PURE__ */ jsxs34(Breadcrumb, { id: `${i}-${item.label}`, className: "medo-breadcrumbs__item", children: [
-      isHome ? /* @__PURE__ */ jsx35(AriaLink6, { href: item.href, "aria-label": item.label, className: "medo-breadcrumbs__icon-part", children: /* @__PURE__ */ jsx35(House, { "aria-hidden": "true" }) }) : i === last ? (
+      isHome ? /* @__PURE__ */ jsx36(AriaLink6, { href: item.href, "aria-label": item.label, className: "medo-breadcrumbs__icon-part", children: /* @__PURE__ */ jsx36(House, { "aria-hidden": "true" }) }) : i === last ? (
         // The current page: not a link (React Aria sets aria-current="page").
-        /* @__PURE__ */ jsx35(AriaLink6, { className: "medo-breadcrumbs__link medo-breadcrumbs__current", children: /* @__PURE__ */ jsx35(Label3, { text: item.label }) })
-      ) : /* @__PURE__ */ jsx35(TruncatedLink, { href: item.href, label: item.label }),
+        /* @__PURE__ */ jsx36(AriaLink6, { className: "medo-breadcrumbs__link medo-breadcrumbs__current", children: /* @__PURE__ */ jsx36(Label3, { text: item.label }) })
+      ) : /* @__PURE__ */ jsx36(TruncatedLink, { href: item.href, label: item.label }),
       separator
     ] }, `${i}-${item.label}`);
   }) }) });
 }
 function Label3({ text }) {
-  return /* @__PURE__ */ jsx35("span", { className: "medo-breadcrumbs__label", children: text });
+  return /* @__PURE__ */ jsx36("span", { className: "medo-breadcrumbs__label", children: text });
 }
 function TruncatedLink({ href, label }) {
   const ref = useRef14(null);
@@ -3190,30 +3584,30 @@ function TruncatedLink({ href, label }) {
     const el = ref.current;
     if (el) setCut(el.scrollWidth > el.clientWidth);
   }, [label]);
-  const text = /* @__PURE__ */ jsx35("span", { ref, className: "medo-breadcrumbs__label", children: label });
+  const text = /* @__PURE__ */ jsx36("span", { ref, className: "medo-breadcrumbs__label", children: label });
   if (!cut) {
-    return /* @__PURE__ */ jsx35(AriaLink6, { href, className: "medo-breadcrumbs__link", children: text });
+    return /* @__PURE__ */ jsx36(AriaLink6, { href, className: "medo-breadcrumbs__link", children: text });
   }
   return /* @__PURE__ */ jsxs34(TooltipTrigger, { children: [
-    /* @__PURE__ */ jsx35(TooltipLink, { href, className: "medo-breadcrumbs__link", children: text }),
-    /* @__PURE__ */ jsx35(Tooltip, { children: label })
+    /* @__PURE__ */ jsx36(TooltipLink, { href, className: "medo-breadcrumbs__link", children: text }),
+    /* @__PURE__ */ jsx36(Tooltip, { children: label })
   ] });
 }
 
 // src/accordion/Accordion.tsx
-import { Children as Children3, createContext as createContext9, isValidElement as isValidElement3, useContext as useContext16, useEffect as useEffect13, useId as useId8, useState as useState15 } from "react";
+import { Children as Children3, createContext as createContext10, isValidElement as isValidElement3, useContext as useContext17, useEffect as useEffect13, useId as useId8, useState as useState15 } from "react";
 import { Button as AriaButton14, Disclosure, DisclosureGroup, DisclosurePanel, Heading as Heading6 } from "react-aria-components";
 import { ChevronDown as ChevronDown4 } from "lucide-react";
-import { jsx as jsx36, jsxs as jsxs35 } from "react/jsx-runtime";
-var AccordionContext = createContext9({ size: "md", headingLevel: 3 });
+import { jsx as jsx37, jsxs as jsxs35 } from "react/jsx-runtime";
+var AccordionContext = createContext10({ size: "md", headingLevel: 3 });
 var hashId = () => typeof window === "undefined" ? "" : decodeURIComponent(window.location.hash.slice(1));
 function Accordion({
   size = "md",
   headingLevel = 3,
   allowsMultipleExpanded = true,
   expandAll = true,
-  expandAllLabel = "Expand all",
-  collapseAllLabel = "Collapse all",
+  expandAllLabel,
+  collapseAllLabel,
   expandedKeys: expandedProp,
   defaultExpandedKeys,
   onExpandedChange,
@@ -3221,6 +3615,7 @@ function Accordion({
   className,
   ...props
 }) {
+  const m = useMessages();
   const ids = Children3.toArray(children).filter((c) => isValidElement3(c)).filter((c) => !c.props.isDisabled).map((c) => c.props.id);
   const [inner, setInner] = useState15(() => {
     const start = new Set(defaultExpandedKeys ?? []);
@@ -3246,9 +3641,9 @@ function Accordion({
   });
   const allOpen = ids.length > 0 && ids.every((id) => expanded.has(id));
   const showToggle = expandAll && allowsMultipleExpanded && Children3.count(children) > 6;
-  return /* @__PURE__ */ jsx36(AccordionContext.Provider, { value: { size, headingLevel }, children: /* @__PURE__ */ jsxs35("div", { className: cx("medo-accordion-wrap", className), children: [
-    showToggle && /* @__PURE__ */ jsx36("div", { className: "medo-accordion__toolbar", children: /* @__PURE__ */ jsx36(Button, { variant: "text", size: "sm", onPress: () => setExpanded(allOpen ? /* @__PURE__ */ new Set() : new Set(ids)), children: allOpen ? collapseAllLabel : expandAllLabel }) }),
-    /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx37(AccordionContext.Provider, { value: { size, headingLevel }, children: /* @__PURE__ */ jsxs35("div", { className: cx("medo-accordion-wrap", className), children: [
+    showToggle && /* @__PURE__ */ jsx37("div", { className: "medo-accordion__toolbar", children: /* @__PURE__ */ jsx37(Button, { variant: "text", size: "sm", onPress: () => setExpanded(allOpen ? /* @__PURE__ */ new Set() : new Set(ids)), children: allOpen ? collapseAllLabel ?? m.accordion.collapseAll : expandAllLabel ?? m.accordion.expandAll }) }),
+    /* @__PURE__ */ jsx37(
       DisclosureGroup,
       {
         ...props,
@@ -3262,40 +3657,40 @@ function Accordion({
   ] }) });
 }
 function AccordionItem({ id, title, description, icon, badge, isDisabled, children }) {
-  const { headingLevel } = useContext16(AccordionContext);
+  const { headingLevel } = useContext17(AccordionContext);
   const descId = useId8();
   return /* @__PURE__ */ jsxs35(Disclosure, { id, isDisabled, className: cx("medo-accordion__item", !!icon && "medo-accordion__item--icon"), children: [
-    /* @__PURE__ */ jsx36(Heading6, { level: headingLevel, id, className: "medo-accordion__heading", children: /* @__PURE__ */ jsxs35(AriaButton14, { slot: "trigger", className: "medo-accordion__trigger", "aria-describedby": description ? descId : void 0, children: [
-      icon && /* @__PURE__ */ jsx36("span", { className: "medo-accordion__icon", "aria-hidden": "true", children: icon }),
+    /* @__PURE__ */ jsx37(Heading6, { level: headingLevel, id, className: "medo-accordion__heading", children: /* @__PURE__ */ jsxs35(AriaButton14, { slot: "trigger", className: "medo-accordion__trigger", "aria-describedby": description ? descId : void 0, children: [
+      icon && /* @__PURE__ */ jsx37("span", { className: "medo-accordion__icon", "aria-hidden": "true", children: icon }),
       /* @__PURE__ */ jsxs35("span", { className: "medo-accordion__text", children: [
-        /* @__PURE__ */ jsx36("span", { className: "medo-accordion__title", children: title }),
+        /* @__PURE__ */ jsx37("span", { className: "medo-accordion__title", children: title }),
         description && // Read as description, not as part of the name.
-        /* @__PURE__ */ jsx36("span", { id: descId, className: "medo-accordion__description", "aria-hidden": "true", children: description })
+        /* @__PURE__ */ jsx37("span", { id: descId, className: "medo-accordion__description", "aria-hidden": "true", children: description })
       ] }),
-      badge && /* @__PURE__ */ jsx36("span", { className: "medo-accordion__badge", children: badge }),
-      /* @__PURE__ */ jsx36(ChevronDown4, { className: "medo-accordion__chevron", "aria-hidden": "true" })
+      badge && /* @__PURE__ */ jsx37("span", { className: "medo-accordion__badge", children: badge }),
+      /* @__PURE__ */ jsx37(ChevronDown4, { className: "medo-accordion__chevron", "aria-hidden": "true" })
     ] }) }),
-    /* @__PURE__ */ jsx36(DisclosurePanel, { className: "medo-accordion__panel", children: /* @__PURE__ */ jsx36("div", { className: "medo-accordion__content", children }) })
+    /* @__PURE__ */ jsx37(DisclosurePanel, { className: "medo-accordion__panel", children: /* @__PURE__ */ jsx37("div", { className: "medo-accordion__content", children }) })
   ] });
 }
 
 // src/slider/Slider.tsx
 import { useMemo } from "react";
-import { Label as Label4, Slider as AriaSlider, SliderOutput, SliderThumb, SliderTrack, useLocale as useLocale2 } from "react-aria-components";
+import { Label as Label4, Slider as AriaSlider, SliderOutput, SliderThumb, SliderTrack, useLocale as useLocale3 } from "react-aria-components";
 
 // src/number-field/NumberField.tsx
 import { Input as AriaInput3, NumberField as AriaNumberField } from "react-aria-components";
-import { jsx as jsx37, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs36 } from "react/jsx-runtime";
 function NumberField({ label, description, errorMessage, placeholder, size = "md", className, ...props }) {
   return /* @__PURE__ */ jsxs36(AriaNumberField, { ...props, className: cx("medo-field", "medo-number-field", className), children: [
-    label && /* @__PURE__ */ jsx37(FieldLabel, { isRequired: props.isRequired, children: label }),
-    /* @__PURE__ */ jsx37("div", { className: cx("medo-input", `medo-input--${size}`), children: /* @__PURE__ */ jsx37(AriaInput3, { className: "medo-input__control medo-number-field__control", placeholder }) }),
-    (description || errorMessage) && /* @__PURE__ */ jsx37(FieldFooter, { description, errorMessage })
+    label && /* @__PURE__ */ jsx38(FieldLabel, { isRequired: props.isRequired, children: label }),
+    /* @__PURE__ */ jsx38("div", { className: cx("medo-input", `medo-input--${size}`), children: /* @__PURE__ */ jsx38(AriaInput3, { className: "medo-input__control medo-number-field__control", placeholder }) }),
+    (description || errorMessage) && /* @__PURE__ */ jsx38(FieldFooter, { description, errorMessage })
   ] });
 }
 
 // src/slider/Slider.tsx
-import { Fragment as Fragment19, jsx as jsx38, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx39, jsxs as jsxs37 } from "react/jsx-runtime";
 function Slider({
   label,
   thumbLabels,
@@ -3309,63 +3704,65 @@ function Slider({
   className,
   ...props
 }) {
-  const { locale } = useLocale2();
+  const m = useMessages();
+  const { locale } = useLocale3();
   const format = useMemo(() => new Intl.NumberFormat(locale, formatOptions), [locale, formatOptions]);
   const steps = Math.round((maxValue - minValue) / step);
   const labelText = typeof label === "string" ? label : props["aria-label"] ?? "";
-  return /* @__PURE__ */ jsx38(AriaSlider, { ...props, minValue, maxValue, step, formatOptions, className: cx("medo-slider", className), children: ({ state }) => {
+  return /* @__PURE__ */ jsx39(AriaSlider, { ...props, minValue, maxValue, step, formatOptions, className: cx("medo-slider", className), children: ({ state }) => {
     const range = state.values.length > 1;
     const start = range ? state.getThumbPercent(0) : 0;
     const end = state.getThumbPercent(state.values.length - 1);
     return /* @__PURE__ */ jsxs37(Fragment19, { children: [
       (label || showValue) && /* @__PURE__ */ jsxs37("div", { className: "medo-slider__header", children: [
-        label && /* @__PURE__ */ jsx38(Label4, { className: "medo-slider__label", "aria-disabled": props.isDisabled || void 0, children: label }),
-        showValue && /* @__PURE__ */ jsx38(SliderOutput, { className: "medo-slider__value", "aria-disabled": props.isDisabled || void 0 })
+        label && /* @__PURE__ */ jsx39(Label4, { className: "medo-slider__label", "aria-disabled": props.isDisabled || void 0, children: label }),
+        showValue && /* @__PURE__ */ jsx39(SliderOutput, { className: "medo-slider__value", "aria-disabled": props.isDisabled || void 0 })
       ] }),
       /* @__PURE__ */ jsxs37(SliderTrack, { className: "medo-slider__track", children: [
-        /* @__PURE__ */ jsx38("span", { className: "medo-slider__rail", "aria-hidden": "true" }),
-        showTicks && steps <= 10 && /* @__PURE__ */ jsx38("span", { className: "medo-slider__ticks", "aria-hidden": "true", children: Array.from({ length: steps + 1 }, (_, i) => /* @__PURE__ */ jsx38("span", { className: "medo-slider__tick", style: { insetInlineStart: `${i / steps * 100}%` } }, i)) }),
-        /* @__PURE__ */ jsx38("span", { className: "medo-slider__fill", style: { insetInlineStart: `${start * 100}%`, inlineSize: `${(end - start) * 100}%` }, "aria-hidden": "true" }),
-        state.values.map((_, i) => /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx39("span", { className: "medo-slider__rail", "aria-hidden": "true" }),
+        showTicks && steps <= 10 && /* @__PURE__ */ jsx39("span", { className: "medo-slider__ticks", "aria-hidden": "true", children: Array.from({ length: steps + 1 }, (_, i) => /* @__PURE__ */ jsx39("span", { className: "medo-slider__tick", style: { insetInlineStart: `${i / steps * 100}%` } }, i)) }),
+        /* @__PURE__ */ jsx39("span", { className: "medo-slider__fill", style: { insetInlineStart: `${start * 100}%`, inlineSize: `${(end - start) * 100}%` }, "aria-hidden": "true" }),
+        state.values.map((_, i) => /* @__PURE__ */ jsx39(
           SliderThumb,
           {
             index: i,
-            "aria-label": range ? thumbLabels?.[i] ?? `${i === 0 ? "Minimum" : "Maximum"} ${labelText}`.trim() : void 0,
+            "aria-label": range ? thumbLabels?.[i] ?? (i === 0 ? m.slider.minimum(labelText) : m.slider.maximum(labelText)) : void 0,
             className: "medo-slider__thumb",
             children: ({ isDragging }) => (
               // The finger covers the thumb: show the value above it while dragging.
-              isDragging && /* @__PURE__ */ jsx38("span", { className: "medo-tooltip medo-slider__bubble", "aria-hidden": "true", children: state.getThumbValueLabel(i) })
+              isDragging && /* @__PURE__ */ jsx39("span", { className: "medo-tooltip medo-slider__bubble", "aria-hidden": "true", children: state.getThumbValueLabel(i) })
             )
           },
           i
         ))
       ] }),
       showMinMax && /* @__PURE__ */ jsxs37("div", { className: "medo-slider__limits", "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsx38("span", { children: format.format(minValue) }),
-        /* @__PURE__ */ jsx38("span", { children: format.format(maxValue) })
+        /* @__PURE__ */ jsx39("span", { children: format.format(minValue) }),
+        /* @__PURE__ */ jsx39("span", { children: format.format(maxValue) })
       ] })
     ] });
   } });
 }
 function SliderField({ value, onChange, inputLabels, ...props }) {
+  const m = useMessages();
   const { minValue = 0, maxValue = 100, step = 1, formatOptions, isDisabled, label, thumbLabels } = props;
   const labelText = typeof label === "string" ? label : props["aria-label"] ?? "";
   const field = { step, formatOptions, isDisabled, size: "md" };
   if (Array.isArray(value)) {
     const [lo, hi] = value;
-    const names = inputLabels ?? thumbLabels ?? [`Minimum ${labelText}`.trim(), `Maximum ${labelText}`.trim()];
+    const names = inputLabels ?? thumbLabels ?? [m.slider.minimum(labelText), m.slider.maximum(labelText)];
     return /* @__PURE__ */ jsxs37("div", { className: "medo-slider-field medo-slider-field--range", children: [
-      /* @__PURE__ */ jsx38(Slider, { ...props, value, onChange }),
+      /* @__PURE__ */ jsx39(Slider, { ...props, value, onChange }),
       /* @__PURE__ */ jsxs37("div", { className: "medo-slider-field__inputs", children: [
-        /* @__PURE__ */ jsx38(NumberField, { ...field, "aria-label": names[0], minValue, maxValue: hi, value: lo, onChange: (v) => !Number.isNaN(v) && onChange([v, hi]) }),
-        /* @__PURE__ */ jsx38("span", { className: "medo-slider-field__dash", "aria-hidden": "true", children: "\u2013" }),
-        /* @__PURE__ */ jsx38(NumberField, { ...field, "aria-label": names[1], minValue: lo, maxValue, value: hi, onChange: (v) => !Number.isNaN(v) && onChange([lo, v]) })
+        /* @__PURE__ */ jsx39(NumberField, { ...field, "aria-label": names[0], minValue, maxValue: hi, value: lo, onChange: (v) => !Number.isNaN(v) && onChange([v, hi]) }),
+        /* @__PURE__ */ jsx39("span", { className: "medo-slider-field__dash", "aria-hidden": "true", children: "\u2013" }),
+        /* @__PURE__ */ jsx39(NumberField, { ...field, "aria-label": names[1], minValue: lo, maxValue, value: hi, onChange: (v) => !Number.isNaN(v) && onChange([lo, v]) })
       ] })
     ] });
   }
   return /* @__PURE__ */ jsxs37("div", { className: "medo-slider-field medo-slider-field--single", children: [
-    /* @__PURE__ */ jsx38(Slider, { ...props, value, onChange, showValue: false }),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx39(Slider, { ...props, value, onChange, showValue: false }),
+    /* @__PURE__ */ jsx39(
       NumberField,
       {
         ...field,
@@ -3382,7 +3779,7 @@ function SliderField({ value, onChange, inputLabels, ...props }) {
 
 // src/alert/Alert.tsx
 import { CircleAlert as CircleAlert5, CircleCheck as CircleCheck2, Info as Info3, TriangleAlert as TriangleAlert2, X as X14 } from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs38 } from "react/jsx-runtime";
 var ICONS = {
   info: Info3,
   success: CircleCheck2,
@@ -3396,27 +3793,28 @@ function Alert({
   children,
   actions,
   onDismiss,
-  dismissLabel = "Dismiss",
+  dismissLabel,
   announce,
   className,
   ...props
 }) {
+  const m = useMessages();
   const Icon = ICONS[tone];
   const role = announce ? tone === "danger" || tone === "warning" ? "alert" : "status" : void 0;
   return /* @__PURE__ */ jsxs38("div", { ...props, role: role ?? props.role, className: cx("medo-alert", `medo-alert--${tone}`, variant === "banner" && "medo-alert--banner", className), children: [
-    /* @__PURE__ */ jsx39(Icon, { className: "medo-alert__icon", "aria-hidden": "true" }),
+    /* @__PURE__ */ jsx40(Icon, { className: "medo-alert__icon", "aria-hidden": "true" }),
     /* @__PURE__ */ jsxs38("div", { className: "medo-alert__content", children: [
-      /* @__PURE__ */ jsx39("p", { className: "medo-alert__title", children: title }),
-      children && /* @__PURE__ */ jsx39("div", { className: "medo-alert__description", children }),
-      actions && /* @__PURE__ */ jsx39("div", { className: "medo-alert__actions", children: actions })
+      /* @__PURE__ */ jsx40("p", { className: "medo-alert__title", children: title }),
+      children && /* @__PURE__ */ jsx40("div", { className: "medo-alert__description", children }),
+      actions && /* @__PURE__ */ jsx40("div", { className: "medo-alert__actions", children: actions })
     ] }),
-    onDismiss && /* @__PURE__ */ jsx39(IconButton, { className: "medo-alert__close", variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx39(X14, {}), "aria-label": dismissLabel, onPress: onDismiss })
+    onDismiss && /* @__PURE__ */ jsx40(IconButton, { className: "medo-alert__close", variant: "ghost", size: "sm", icon: /* @__PURE__ */ jsx40(X14, {}), "aria-label": dismissLabel ?? m.alert.dismiss, onPress: onDismiss })
   ] });
 }
 
 // src/card/Card.tsx
 import { Link as AriaLink7 } from "react-aria-components";
-import { jsx as jsx40, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs39 } from "react/jsx-runtime";
 function Card({
   title,
   subtitle,
@@ -3448,17 +3846,17 @@ function Card({
       ),
       style,
       children: [
-        media && /* @__PURE__ */ jsx40("div", { className: "medo-card__media", children: media }),
+        media && /* @__PURE__ */ jsx41("div", { className: "medo-card__media", children: media }),
         /* @__PURE__ */ jsxs39("div", { className: "medo-card__main", children: [
           /* @__PURE__ */ jsxs39("div", { className: "medo-card__header", children: [
             /* @__PURE__ */ jsxs39("div", { className: "medo-card__heading", children: [
-              /* @__PURE__ */ jsx40(Heading7, { className: "medo-card__title", children: interactive ? /* @__PURE__ */ jsx40(AriaLink7, { ...linkProps, href, className: "medo-card__link", children: title }) : title }),
-              subtitle && /* @__PURE__ */ jsx40("p", { className: "medo-card__subtitle", children: subtitle })
+              /* @__PURE__ */ jsx41(Heading7, { className: "medo-card__title", children: interactive ? /* @__PURE__ */ jsx41(AriaLink7, { ...linkProps, href, className: "medo-card__link", children: title }) : title }),
+              subtitle && /* @__PURE__ */ jsx41("p", { className: "medo-card__subtitle", children: subtitle })
             ] }),
-            headerActions && /* @__PURE__ */ jsx40("div", { className: "medo-card__header-actions", children: headerActions })
+            headerActions && /* @__PURE__ */ jsx41("div", { className: "medo-card__header-actions", children: headerActions })
           ] }),
-          children && /* @__PURE__ */ jsx40("div", { className: "medo-card__body", children }),
-          footer && /* @__PURE__ */ jsx40("div", { className: "medo-card__footer", children: footer })
+          children && /* @__PURE__ */ jsx41("div", { className: "medo-card__body", children }),
+          footer && /* @__PURE__ */ jsx41("div", { className: "medo-card__footer", children: footer })
         ] })
       ]
     }
@@ -3466,6 +3864,7 @@ function Card({
 }
 
 // src/table/Table.tsx
+import { useEffect as useEffect14, useId as useId9, useRef as useRef15, useState as useState16 } from "react";
 import {
   Cell as AriaCell,
   Checkbox as AriaCheckbox,
@@ -3478,86 +3877,108 @@ import {
   useTableOptions
 } from "react-aria-components";
 import { ArrowDown, ArrowUp, ArrowUpDown, Check as Check6, Minus as Minus2 } from "lucide-react";
-import { jsx as jsx41, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs40 } from "react/jsx-runtime";
+function useScrollsSideways() {
+  const ref = useRef15(null);
+  const [scrolls, setScrolls] = useState16(false);
+  useEffect14(() => {
+    const el = ref.current;
+    if (!el || typeof ResizeObserver === "undefined") return;
+    const check = () => setScrolls(el.scrollWidth > el.clientWidth + 1);
+    const observer = new ResizeObserver(check);
+    observer.observe(el);
+    if (el.firstElementChild) observer.observe(el.firstElementChild);
+    check();
+    return () => observer.disconnect();
+  }, []);
+  return [ref, scrolls];
+}
 function StaticTable({ children, caption, captionHidden, density = "standard", striped, plain: plain2, className, style }) {
-  return /* @__PURE__ */ jsx41("div", { className: cx("medo-table-container", plain2 && "medo-table-container--plain", className), style, children: /* @__PURE__ */ jsxs40("table", { className: cx("medo-table", density === "compact" && "medo-table--compact", striped && "medo-table--striped"), children: [
-    caption && /* @__PURE__ */ jsx41("caption", { className: captionHidden ? "medo-visually-hidden" : void 0, children: caption }),
+  const [ref, scrolls] = useScrollsSideways();
+  const captionId = useId9();
+  const m = useMessages();
+  const region = scrolls ? caption ? { role: "region", tabIndex: 0, "aria-labelledby": captionId } : { role: "region", tabIndex: 0, "aria-label": m.table.scrollRegion } : {};
+  return /* @__PURE__ */ jsx42("div", { ref, ...region, className: cx("medo-table-container", plain2 && "medo-table-container--plain", className), style, children: /* @__PURE__ */ jsxs40("table", { className: cx("medo-table", density === "compact" && "medo-table--compact", striped && "medo-table--striped"), children: [
+    caption && /* @__PURE__ */ jsx42("caption", { id: captionId, className: captionHidden ? "medo-visually-hidden" : void 0, children: caption }),
     children
   ] }) });
 }
 function Table({ density = "standard", striped, plain: plain2, toolbar, footer, className, style, ...props }) {
-  const table = /* @__PURE__ */ jsx41(AriaTable, { ...props, className: cx("medo-table", density === "compact" && "medo-table--compact", striped && "medo-table--striped") });
+  const table = /* @__PURE__ */ jsx42(AriaTable, { ...props, className: cx("medo-table", density === "compact" && "medo-table--compact", striped && "medo-table--striped") });
   if (!toolbar && !footer) {
-    return /* @__PURE__ */ jsx41("div", { className: cx("medo-table-container", plain2 && "medo-table-container--plain", className), style, children: table });
+    return /* @__PURE__ */ jsx42("div", { className: cx("medo-table-container", plain2 && "medo-table-container--plain", className), style, children: table });
   }
   return /* @__PURE__ */ jsxs40("div", { className: cx("medo-table-frame", plain2 && "medo-table-frame--plain", className), style, children: [
-    toolbar && /* @__PURE__ */ jsx41("div", { className: "medo-table__toolbar", children: toolbar }),
-    /* @__PURE__ */ jsx41("div", { className: "medo-table-container medo-table-container--plain", children: table }),
-    footer && /* @__PURE__ */ jsx41("div", { className: "medo-table__footer", children: footer })
+    toolbar && /* @__PURE__ */ jsx42("div", { className: "medo-table__toolbar", children: toolbar }),
+    /* @__PURE__ */ jsx42("div", { className: "medo-table-container medo-table-container--plain", children: table }),
+    footer && /* @__PURE__ */ jsx42("div", { className: "medo-table__footer", children: footer })
   ] });
 }
 function SelectionCheckbox() {
-  return /* @__PURE__ */ jsx41(AriaCheckbox, { slot: "selection", className: "medo-choice medo-checkbox medo-choice--md medo-choice__button", children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsx41("span", { className: "medo-choice__control", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx41(Minus2, {}) : isSelected ? /* @__PURE__ */ jsx41(Check6, {}) : null }) });
+  return /* @__PURE__ */ jsx42(AriaCheckbox, { slot: "selection", className: "medo-choice medo-checkbox medo-choice--md medo-choice__button", children: ({ isSelected, isIndeterminate }) => /* @__PURE__ */ jsx42("span", { className: "medo-choice__control", "aria-hidden": "true", children: isIndeterminate ? /* @__PURE__ */ jsx42(Minus2, {}) : isSelected ? /* @__PURE__ */ jsx42(Check6, {}) : null }) });
 }
 function TableHeader({ columns, children, ...props }) {
   const { selectionBehavior, selectionMode, allowsDragging } = useTableOptions();
   return /* @__PURE__ */ jsxs40(AriaTableHeader, { ...props, className: "medo-table__header", children: [
-    allowsDragging && /* @__PURE__ */ jsx41(AriaColumn, { className: "medo-table__column medo-table__column--utility" }),
-    selectionBehavior === "toggle" && selectionMode !== "none" && /* @__PURE__ */ jsx41(AriaColumn, { className: "medo-table__column medo-table__column--utility", children: selectionMode === "multiple" && /* @__PURE__ */ jsx41(SelectionCheckbox, {}) }),
-    /* @__PURE__ */ jsx41(Collection3, { items: columns, children })
+    allowsDragging && /* @__PURE__ */ jsx42(AriaColumn, { className: "medo-table__column medo-table__column--utility" }),
+    selectionBehavior === "toggle" && selectionMode !== "none" && /* @__PURE__ */ jsx42(AriaColumn, { className: "medo-table__column medo-table__column--utility", children: selectionMode === "multiple" && /* @__PURE__ */ jsx42(SelectionCheckbox, {}) }),
+    /* @__PURE__ */ jsx42(Collection3, { items: columns, children })
   ] });
 }
 function Column({ children, align = "start", ...props }) {
-  return /* @__PURE__ */ jsx41(AriaColumn, { ...props, "data-align": align, className: "medo-table__column", children: ({ allowsSorting, sortDirection }) => /* @__PURE__ */ jsxs40("span", { className: "medo-table__column-inner", children: [
+  return /* @__PURE__ */ jsx42(AriaColumn, { ...props, "data-align": align, className: "medo-table__column", children: ({ allowsSorting, sortDirection }) => /* @__PURE__ */ jsxs40("span", { className: "medo-table__column-inner", children: [
     children,
-    allowsSorting && (sortDirection === "ascending" ? /* @__PURE__ */ jsx41(ArrowUp, { className: "medo-table__sort", "aria-hidden": "true" }) : sortDirection === "descending" ? /* @__PURE__ */ jsx41(ArrowDown, { className: "medo-table__sort", "aria-hidden": "true" }) : /* @__PURE__ */ jsx41(ArrowUpDown, { className: "medo-table__sort", "aria-hidden": "true" }))
+    allowsSorting && (sortDirection === "ascending" ? /* @__PURE__ */ jsx42(ArrowUp, { className: "medo-table__sort", "aria-hidden": "true" }) : sortDirection === "descending" ? /* @__PURE__ */ jsx42(ArrowDown, { className: "medo-table__sort", "aria-hidden": "true" }) : /* @__PURE__ */ jsx42(ArrowUpDown, { className: "medo-table__sort", "aria-hidden": "true" }))
   ] }) });
 }
 function TableBody(props) {
-  return /* @__PURE__ */ jsx41(AriaTableBody, { ...props, className: "medo-table__body" });
+  return /* @__PURE__ */ jsx42(AriaTableBody, { ...props, className: "medo-table__body" });
 }
 function Row({ id, columns, children, ...props }) {
   const { selectionBehavior, selectionMode, allowsDragging } = useTableOptions();
   return /* @__PURE__ */ jsxs40(AriaRow, { id, ...props, className: "medo-table__row", children: [
-    allowsDragging && /* @__PURE__ */ jsx41(AriaCell, { className: "medo-table__cell medo-table__cell--utility" }),
-    selectionBehavior === "toggle" && selectionMode !== "none" && /* @__PURE__ */ jsx41(AriaCell, { className: "medo-table__cell medo-table__cell--utility", children: /* @__PURE__ */ jsx41(SelectionCheckbox, {}) }),
-    /* @__PURE__ */ jsx41(Collection3, { items: columns, children })
+    allowsDragging && /* @__PURE__ */ jsx42(AriaCell, { className: "medo-table__cell medo-table__cell--utility" }),
+    selectionBehavior === "toggle" && selectionMode !== "none" && /* @__PURE__ */ jsx42(AriaCell, { className: "medo-table__cell medo-table__cell--utility", children: /* @__PURE__ */ jsx42(SelectionCheckbox, {}) }),
+    /* @__PURE__ */ jsx42(Collection3, { items: columns, children })
   ] });
 }
 function Cell({ align = "start", ...props }) {
-  return /* @__PURE__ */ jsx41(AriaCell, { ...props, "data-align": align, className: "medo-table__cell" });
+  return /* @__PURE__ */ jsx42(AriaCell, { ...props, "data-align": align, className: "medo-table__cell" });
 }
 
 // src/table/ColumnsMenu.tsx
 import { Columns3 } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs41 } from "react/jsx-runtime";
-function ColumnsMenu({ columns, visibleColumns, onVisibleColumnsChange, label = "Columns", title = "Show columns" }) {
+import { jsx as jsx43, jsxs as jsxs41 } from "react/jsx-runtime";
+function ColumnsMenu({ columns, visibleColumns, onVisibleColumnsChange, label: labelProp, title: titleProp }) {
+  const m = useMessages();
+  const label = labelProp ?? m.table.columns;
+  const title = titleProp ?? m.table.showColumns;
   const locked = columns.filter((c) => c.isLocked).map((c) => c.id);
   return /* @__PURE__ */ jsxs41(PopoverTrigger, { children: [
-    /* @__PURE__ */ jsx42(Button, { variant: "ghost", size: "sm", startIcon: /* @__PURE__ */ jsx42(Columns3, {}), children: label }),
-    /* @__PURE__ */ jsx42(Popover5, { size: "sm", "aria-label": title, children: /* @__PURE__ */ jsx42(
+    /* @__PURE__ */ jsx43(Button, { variant: "ghost", size: "sm", startIcon: /* @__PURE__ */ jsx43(Columns3, {}), children: label }),
+    /* @__PURE__ */ jsx43(Popover5, { size: "sm", "aria-label": title, children: /* @__PURE__ */ jsx43(
       CheckboxGroup,
       {
         label: title,
         value: visibleColumns,
         onChange: (ids) => onVisibleColumnsChange(columns.map((c) => c.id).filter((id) => ids.includes(id) || locked.includes(id))),
-        children: columns.map((c) => /* @__PURE__ */ jsx42(Checkbox, { value: c.id, isDisabled: c.isLocked, children: c.label }, c.id))
+        children: columns.map((c) => /* @__PURE__ */ jsx43(Checkbox, { value: c.id, isDisabled: c.isLocked, children: c.label }, c.id))
       }
     ) })
   ] });
 }
 
 // src/upload/Upload.tsx
-import { useEffect as useEffect14, useId as useId9, useLayoutEffect as useLayoutEffect7, useMemo as useMemo2, useRef as useRef15, useState as useState16 } from "react";
+import { useEffect as useEffect15, useId as useId10, useLayoutEffect as useLayoutEffect7, useMemo as useMemo2, useRef as useRef16, useState as useState17 } from "react";
 import {
   Button as AriaButton15,
   DropZone,
   FileTrigger as AriaFileTrigger,
   Text as Text9,
-  useLocale as useLocale3
+  useLocale as useLocale4
 } from "react-aria-components";
 import { CircleAlert as CircleAlert6, CircleCheck as CircleCheck3, CloudUpload, FileText as FileText2, Image as ImageIcon, RotateCw, Trash2, Upload, X as X15 } from "lucide-react";
-import { Fragment as Fragment20, jsx as jsx43, jsxs as jsxs42 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx44, jsxs as jsxs42 } from "react/jsx-runtime";
 var units = ["byte", "kilobyte", "megabyte", "gigabyte"];
 function unitOf(bytes) {
   let i = 0;
@@ -3593,43 +4014,27 @@ function FileName({ name, className }) {
   const start = name.length > keep + 4 ? name.slice(0, -keep) : name;
   const end = name.length > keep + 4 ? name.slice(-keep) : "";
   return /* @__PURE__ */ jsxs42("span", { className: cx("medo-file-name", className), children: [
-    /* @__PURE__ */ jsx43("span", { className: "medo-visually-hidden", children: name }),
+    /* @__PURE__ */ jsx44("span", { className: "medo-visually-hidden", children: name }),
     /* @__PURE__ */ jsxs42("span", { className: "medo-file-name__visual", title: name, "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx43("span", { className: "medo-file-name__start", children: start }),
-      end && /* @__PURE__ */ jsx43("span", { className: "medo-file-name__end", children: end })
+      /* @__PURE__ */ jsx44("span", { className: "medo-file-name__start", children: start }),
+      end && /* @__PURE__ */ jsx44("span", { className: "medo-file-name__end", children: end })
     ] })
   ] });
 }
-var defaultUploadTexts = {
-  title: "Drag and drop files here",
-  dropTitle: "Drop files to upload",
-  chooseFiles: "Choose files",
-  chooseFile: "Choose file",
-  listLabel: "Uploaded files",
-  cancel: (name) => `Cancel upload of ${name}`,
-  remove: (name) => `Remove ${name}`,
-  retry: (name) => `Retry ${name}`,
-  retryShort: "Retry",
-  uploading: (name) => `Uploading ${name}`,
-  progress: (loaded, total, percent) => `${loaded} of ${total} \xB7 ${percent} %`,
-  typeNotAllowed: (names, types) => `${names} ${names.includes(",") ? "are" : "is"} not allowed.${types ? ` Use ${types}.` : ""}`,
-  tooLarge: (size, max) => `File is ${size} \u2013 max. ${max} allowed`,
-  tooMany: (max) => `You can add up to ${max} files. Remove one to add another.`,
-  uploaded: (name) => `${name} uploaded`,
-  failed: (name, error) => `${name}: ${error}`
-};
+var defaultUploadTexts = en.upload;
 var isImage = (file) => !!file.previewUrl && (!file.type || file.type.startsWith("image/"));
 var percentOf = (file) => file.loaded != null && file.size > 0 ? Math.min(100, Math.round(file.loaded / file.size * 100)) : void 0;
 function FileItem({ file, onRemove, onCancel, onRetry, texts: own, className }) {
-  const t = { ...defaultUploadTexts, ...own };
-  const { locale } = useLocale3();
+  const m = useMessages();
+  const t = { ...m.upload, ...own };
+  const { locale } = useLocale4();
   const percent = percentOf(file);
   const size = formatBytes(file.size, locale);
   let meta;
   if (file.status === "uploading") {
     meta = /* @__PURE__ */ jsxs42(Fragment20, { children: [
-      /* @__PURE__ */ jsx43("span", { className: "medo-file-item__meta", children: percent != null ? t.progress(formatLoaded(file.loaded ?? 0, file.size, locale), size, percent) : size }),
-      /* @__PURE__ */ jsx43(
+      /* @__PURE__ */ jsx44("span", { className: "medo-file-item__meta", children: percent != null ? t.progress(formatLoaded(file.loaded ?? 0, file.size, locale), size, percent) : size }),
+      /* @__PURE__ */ jsx44(
         ProgressBar,
         {
           size: "sm",
@@ -3644,33 +4049,34 @@ function FileItem({ file, onRemove, onCancel, onRetry, texts: own, className })
   } else {
     const error = file.status === "error";
     meta = /* @__PURE__ */ jsxs42("span", { className: cx("medo-file-item__meta", error && "medo-file-item__meta--error"), children: [
-      error ? /* @__PURE__ */ jsx43(CircleAlert6, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx43(CircleCheck3, { "aria-hidden": "true", className: "medo-file-item__done" }),
-      /* @__PURE__ */ jsx43("span", { children: error ? file.error : size })
+      error ? /* @__PURE__ */ jsx44(CircleAlert6, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx44(CircleCheck3, { "aria-hidden": "true", className: "medo-file-item__done" }),
+      /* @__PURE__ */ jsx44("span", { children: error ? file.error : size })
     ] });
   }
   return /* @__PURE__ */ jsxs42("div", { className: cx("medo-file-item", `medo-file-item--${file.status}`, className), children: [
-    isImage(file) ? /* @__PURE__ */ jsx43("img", { className: "medo-file-item__thumb", src: file.previewUrl, alt: "" }) : /* @__PURE__ */ jsx43("span", { className: "medo-file-item__icon", "aria-hidden": "true", children: file.type?.startsWith("image/") ? /* @__PURE__ */ jsx43(ImageIcon, {}) : /* @__PURE__ */ jsx43(FileText2, {}) }),
+    isImage(file) ? /* @__PURE__ */ jsx44("img", { className: "medo-file-item__thumb", src: file.previewUrl, alt: "" }) : /* @__PURE__ */ jsx44("span", { className: "medo-file-item__icon", "aria-hidden": "true", children: file.type?.startsWith("image/") ? /* @__PURE__ */ jsx44(ImageIcon, {}) : /* @__PURE__ */ jsx44(FileText2, {}) }),
     /* @__PURE__ */ jsxs42("div", { className: "medo-file-item__content", children: [
-      /* @__PURE__ */ jsx43(FileName, { name: file.name, className: "medo-file-item__name" }),
+      /* @__PURE__ */ jsx44(FileName, { name: file.name, className: "medo-file-item__name" }),
       meta
     ] }),
     /* @__PURE__ */ jsxs42("div", { className: "medo-file-item__actions", children: [
-      file.status === "uploading" && /* @__PURE__ */ jsx43(IconButton, { size: "sm", icon: /* @__PURE__ */ jsx43(X15, {}), "aria-label": t.cancel(file.name), onPress: () => (onCancel ?? onRemove)(file.id) }),
-      file.status === "error" && onRetry && file.canRetry !== false && /* @__PURE__ */ jsx43(IconButton, { size: "sm", icon: /* @__PURE__ */ jsx43(RotateCw, {}), "aria-label": t.retry(file.name), onPress: () => onRetry(file.id) }),
-      file.status !== "uploading" && /* @__PURE__ */ jsx43(IconButton, { size: "sm", icon: file.status === "done" ? /* @__PURE__ */ jsx43(Trash2, {}) : /* @__PURE__ */ jsx43(X15, {}), "aria-label": t.remove(file.name), onPress: () => onRemove(file.id) })
+      file.status === "uploading" && /* @__PURE__ */ jsx44(IconButton, { size: "sm", icon: /* @__PURE__ */ jsx44(X15, {}), "aria-label": t.cancel(file.name), onPress: () => (onCancel ?? onRemove)(file.id) }),
+      file.status === "error" && onRetry && file.canRetry !== false && /* @__PURE__ */ jsx44(IconButton, { size: "sm", icon: /* @__PURE__ */ jsx44(RotateCw, {}), "aria-label": t.retry(file.name), onPress: () => onRetry(file.id) }),
+      file.status !== "uploading" && /* @__PURE__ */ jsx44(IconButton, { size: "sm", icon: file.status === "done" ? /* @__PURE__ */ jsx44(Trash2, {}) : /* @__PURE__ */ jsx44(X15, {}), "aria-label": t.remove(file.name), onPress: () => onRemove(file.id) })
     ] })
   ] });
 }
 function FileTile({ file, onRemove, onCancel, onRetry, texts: own, className }) {
-  const t = { ...defaultUploadTexts, ...own };
+  const m = useMessages();
+  const t = { ...m.upload, ...own };
   const percent = percentOf(file);
   const retry = file.status === "error" && onRetry && file.canRetry !== false;
   return /* @__PURE__ */ jsxs42("div", { className: cx("medo-file-tile", `medo-file-tile--${file.status}`, className), children: [
     /* @__PURE__ */ jsxs42("div", { className: "medo-file-tile__media", children: [
-      file.previewUrl ? /* @__PURE__ */ jsx43("img", { className: "medo-file-tile__image", src: file.previewUrl, alt: "" }) : /* @__PURE__ */ jsx43("span", { className: "medo-file-tile__placeholder", "aria-hidden": "true", children: /* @__PURE__ */ jsx43(ImageIcon, {}) }),
+      file.previewUrl ? /* @__PURE__ */ jsx44("img", { className: "medo-file-tile__image", src: file.previewUrl, alt: "" }) : /* @__PURE__ */ jsx44("span", { className: "medo-file-tile__placeholder", "aria-hidden": "true", children: /* @__PURE__ */ jsx44(ImageIcon, {}) }),
       file.status === "uploading" && /* @__PURE__ */ jsxs42("div", { className: "medo-file-tile__overlay", children: [
-        /* @__PURE__ */ jsx43("span", { className: "medo-file-tile__percent", "aria-hidden": "true", children: percent != null ? `${percent} %` : "" }),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44("span", { className: "medo-file-tile__percent", "aria-hidden": "true", children: percent != null ? `${percent} %` : "" }),
+        /* @__PURE__ */ jsx44(
           ProgressBar,
           {
             size: "sm",
@@ -3683,15 +4089,15 @@ function FileTile({ file, onRemove, onCancel, onRetry, texts: own, className })
         )
       ] }),
       file.status === "error" && (retry ? /* @__PURE__ */ jsxs42(AriaButton15, { className: "medo-file-tile__overlay medo-file-tile__retry", "aria-label": t.retry(file.name), onPress: () => onRetry(file.id), children: [
-        /* @__PURE__ */ jsx43(CircleAlert6, { "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx43("span", { "aria-hidden": "true", children: t.retryShort })
-      ] }) : /* @__PURE__ */ jsx43("div", { className: "medo-file-tile__overlay", "aria-hidden": "true", children: /* @__PURE__ */ jsx43(CircleAlert6, {}) })),
-      /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(CircleAlert6, { "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx44("span", { "aria-hidden": "true", children: t.retryShort })
+      ] }) : /* @__PURE__ */ jsx44("div", { className: "medo-file-tile__overlay", "aria-hidden": "true", children: /* @__PURE__ */ jsx44(CircleAlert6, {}) })),
+      /* @__PURE__ */ jsx44(
         IconButton,
         {
           variant: "media",
           size: "sm",
-          icon: /* @__PURE__ */ jsx43(X15, {}),
+          icon: /* @__PURE__ */ jsx44(X15, {}),
           "aria-label": file.status === "uploading" ? t.cancel(file.name) : t.remove(file.name),
           onPress: () => (file.status === "uploading" ? onCancel ?? onRemove : onRemove)(file.id),
           className: "medo-file-tile__remove"
@@ -3704,7 +4110,7 @@ function FileTile({ file, onRemove, onCancel, onRetry, texts: own, className })
         ": "
       ] }),
       file.error
-    ] }) : /* @__PURE__ */ jsx43(FileName, { name: file.name, className: "medo-file-tile__caption" })
+    ] }) : /* @__PURE__ */ jsx44(FileName, { name: file.name, className: "medo-file-tile__caption" })
   ] });
 }
 async function filesFrom(e) {
@@ -3723,10 +4129,11 @@ function Dropzone({
   className,
   ...props
 }) {
-  const t = { ...defaultUploadTexts, ...own };
-  const hintId = useId9();
-  const errorId = useId9();
-  return /* @__PURE__ */ jsx43(
+  const m = useMessages();
+  const t = { ...m.upload, ...own };
+  const hintId = useId10();
+  const errorId = useId10();
+  return /* @__PURE__ */ jsx44(
     DropZone,
     {
       "aria-labelledby": props["aria-labelledby"],
@@ -3734,16 +4141,16 @@ function Dropzone({
       onDrop: async (e) => onSelect(await filesFrom(e)),
       className: cx("medo-dropzone", !!errorMessage && "medo-dropzone--invalid", className),
       children: ({ isDropTarget }) => /* @__PURE__ */ jsxs42(Fragment20, { children: [
-        /* @__PURE__ */ jsx43(IconTile, { size: "md", children: /* @__PURE__ */ jsx43(CloudUpload, {}) }),
-        /* @__PURE__ */ jsx43(Text9, { slot: "label", className: "medo-dropzone__title", "aria-disabled": isDisabled || void 0, children: isDropTarget ? t.dropTitle : t.title }),
-        /* @__PURE__ */ jsx43(
+        /* @__PURE__ */ jsx44(IconTile, { size: "md", children: /* @__PURE__ */ jsx44(CloudUpload, {}) }),
+        /* @__PURE__ */ jsx44(Text9, { slot: "label", className: "medo-dropzone__title", "aria-disabled": isDisabled || void 0, children: isDropTarget ? t.dropTitle : t.title }),
+        /* @__PURE__ */ jsx44(
           AriaFileTrigger,
           {
             acceptedFileTypes,
             allowsMultiple,
             defaultCamera,
             onSelect: (list) => list && onSelect([...list]),
-            children: /* @__PURE__ */ jsx43(
+            children: /* @__PURE__ */ jsx44(
               Button,
               {
                 variant: "secondary",
@@ -3756,10 +4163,10 @@ function Dropzone({
             )
           }
         ),
-        hint && /* @__PURE__ */ jsx43("span", { id: hintId, className: "medo-dropzone__hint", "aria-disabled": isDisabled || void 0, children: hint }),
+        hint && /* @__PURE__ */ jsx44("span", { id: hintId, className: "medo-dropzone__hint", "aria-disabled": isDisabled || void 0, children: hint }),
         errorMessage && /* @__PURE__ */ jsxs42("span", { id: errorId, className: "medo-field__error medo-dropzone__error", children: [
-          /* @__PURE__ */ jsx43(CircleAlert6, { "aria-hidden": "true" }),
-          /* @__PURE__ */ jsx43("span", { children: errorMessage })
+          /* @__PURE__ */ jsx44(CircleAlert6, { "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx44("span", { children: errorMessage })
         ] })
       ] })
     }
@@ -3778,29 +4185,30 @@ function FileTrigger({
   texts: own,
   className
 }) {
-  const t = { ...defaultUploadTexts, ...own };
-  const labelId = useId9();
-  const buttonId = useId9();
-  const hintId = useId9();
-  const errorId = useId9();
+  const m = useMessages();
+  const t = { ...m.upload, ...own };
+  const labelId = useId10();
+  const buttonId = useId10();
+  const hintId = useId10();
+  const errorId = useId10();
   return /* @__PURE__ */ jsxs42("div", { className: cx("medo-field", "medo-file-trigger", className), children: [
     label && /* @__PURE__ */ jsxs42("span", { id: labelId, className: "medo-field__label", children: [
       label,
-      isRequired && /* @__PURE__ */ jsx43("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
+      isRequired && /* @__PURE__ */ jsx44("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
     ] }),
-    /* @__PURE__ */ jsx43("div", { children: /* @__PURE__ */ jsx43(
+    /* @__PURE__ */ jsx44("div", { children: /* @__PURE__ */ jsx44(
       AriaFileTrigger,
       {
         acceptedFileTypes,
         allowsMultiple,
         defaultCamera,
         onSelect: (list) => list && onSelect([...list]),
-        children: /* @__PURE__ */ jsx43(
+        children: /* @__PURE__ */ jsx44(
           Button,
           {
             id: buttonId,
             variant: "secondary",
-            startIcon: /* @__PURE__ */ jsx43(Upload, {}),
+            startIcon: /* @__PURE__ */ jsx44(Upload, {}),
             isDisabled,
             className: "medo-upload__choose",
             "aria-labelledby": label ? `${labelId} ${buttonId}` : void 0,
@@ -3811,10 +4219,10 @@ function FileTrigger({
       }
     ) }),
     (hint || errorMessage) && /* @__PURE__ */ jsxs42("div", { className: "medo-field__footer", children: [
-      hint && !errorMessage && /* @__PURE__ */ jsx43("span", { id: hintId, className: "medo-field__description", children: hint }),
+      hint && !errorMessage && /* @__PURE__ */ jsx44("span", { id: hintId, className: "medo-field__description", children: hint }),
       errorMessage && /* @__PURE__ */ jsxs42("span", { id: errorId, className: "medo-field__error", children: [
-        /* @__PURE__ */ jsx43(CircleAlert6, { "aria-hidden": "true" }),
-        /* @__PURE__ */ jsx43("span", { children: errorMessage })
+        /* @__PURE__ */ jsx44(CircleAlert6, { "aria-hidden": "true" }),
+        /* @__PURE__ */ jsx44("span", { children: errorMessage })
       ] })
     ] })
   ] });
@@ -3840,14 +4248,15 @@ function UploadField({
   texts: own,
   className
 }) {
-  const t = useMemo2(() => ({ ...defaultUploadTexts, ...own }), [own]);
-  const { locale } = useLocale3();
+  const m = useMessages();
+  const t = useMemo2(() => ({ ...m.upload, ...own }), [m, own]);
+  const { locale } = useLocale4();
   const mobile = useMediaQuery(MOBILE_QUERY);
-  const labelId = useId9();
-  const rootRef = useRef15(null);
-  const [rejected, setRejected] = useState16([]);
-  const [pickerError, setPickerError] = useState16();
-  const [announcement, setAnnouncement] = useState16("");
+  const labelId = useId10();
+  const rootRef = useRef16(null);
+  const [rejected, setRejected] = useState17([]);
+  const [pickerError, setPickerError] = useState17();
+  const [announcement, setAnnouncement] = useState17("");
   const compact = layout === "compact" || layout !== "list" && mobile;
   const grid = layout === "grid";
   const allowsMultiple = maxFiles !== 1;
@@ -3878,8 +4287,8 @@ function UploadField({
     setAnnouncement([...messages, ...errors.map((e) => t.failed(e.name, e.error))].join(" "));
     if (ok.length) onAdd(ok);
   };
-  const previous = useRef15(/* @__PURE__ */ new Map());
-  useEffect14(() => {
+  const previous = useRef16(/* @__PURE__ */ new Map());
+  useEffect15(() => {
     const said = [];
     for (const f of files) {
       const before = previous.current.get(f.id);
@@ -3890,7 +4299,7 @@ function UploadField({
     previous.current = new Map(files.map((f) => [f.id, f.status]));
     if (said.length) setAnnouncement(said.join(" "));
   }, [files, t]);
-  const focusAt = useRef15(null);
+  const focusAt = useRef16(null);
   const all = [...files, ...rejected];
   useLayoutEffect7(() => {
     if (focusAt.current == null) return;
@@ -3923,22 +4332,22 @@ function UploadField({
       "aria-label": label || compact ? void 0 : ariaLabel,
       className: cx("medo-upload", grid && "medo-upload--grid", compact && "medo-upload--compact", className),
       children: [
-        compact ? /* @__PURE__ */ jsx43(FileTrigger, { ...picker, label, isRequired }) : /* @__PURE__ */ jsxs42(Fragment20, { children: [
+        compact ? /* @__PURE__ */ jsx44(FileTrigger, { ...picker, label, isRequired }) : /* @__PURE__ */ jsxs42(Fragment20, { children: [
           label && /* @__PURE__ */ jsxs42("span", { id: labelId, className: "medo-field__label", children: [
             label,
-            isRequired && /* @__PURE__ */ jsx43("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
+            isRequired && /* @__PURE__ */ jsx44("span", { className: "medo-field__required", "aria-hidden": "true", children: "*" })
           ] }),
-          /* @__PURE__ */ jsx43(Dropzone, { ...picker, "aria-labelledby": label ? labelId : void 0 })
+          /* @__PURE__ */ jsx44(Dropzone, { ...picker, "aria-labelledby": label ? labelId : void 0 })
         ] }),
-        all.length > 0 && /* @__PURE__ */ jsx43("ul", { className: cx("medo-upload__list", grid && "medo-upload__list--grid"), "aria-label": t.listLabel, children: all.map((file) => /* @__PURE__ */ jsx43("li", { className: "medo-upload__item", children: grid ? /* @__PURE__ */ jsx43(FileTile, { file, ...actions }) : /* @__PURE__ */ jsx43(FileItem, { file, ...actions }) }, file.id)) }),
-        /* @__PURE__ */ jsx43("span", { role: "status", className: "medo-visually-hidden", children: announcement })
+        all.length > 0 && /* @__PURE__ */ jsx44("ul", { className: cx("medo-upload__list", grid && "medo-upload__list--grid"), "aria-label": t.listLabel, children: all.map((file) => /* @__PURE__ */ jsx44("li", { className: "medo-upload__item", children: grid ? /* @__PURE__ */ jsx44(FileTile, { file, ...actions }) : /* @__PURE__ */ jsx44(FileItem, { file, ...actions }) }, file.id)) }),
+        /* @__PURE__ */ jsx44("span", { role: "status", className: "medo-visually-hidden", children: announcement })
       ]
     }
   );
 }
 
 // src/date-time/Calendar.tsx
-import { useEffect as useEffect15, useMemo as useMemo3, useRef as useRef16, useState as useState17 } from "react";
+import { useEffect as useEffect16, useMemo as useMemo3, useRef as useRef17, useState as useState18 } from "react";
 import {
   Button as AriaButton16,
   Calendar as AriaCalendar,
@@ -3948,22 +4357,12 @@ import {
   CalendarGridHeader,
   CalendarHeaderCell,
   RangeCalendar as AriaRangeCalendar,
-  useLocale as useLocale4
+  useLocale as useLocale5
 } from "react-aria-components";
 import { DateFormatter, getDayOfWeek, getLocalTimeZone, today } from "@internationalized/date";
 import { ChevronDown as ChevronDown5, ChevronLeft as ChevronLeft4, ChevronRight as ChevronRight5 } from "lucide-react";
-import { jsx as jsx44, jsxs as jsxs43 } from "react/jsx-runtime";
-var defaultCalendarTexts = {
-  previousMonth: "Previous month",
-  nextMonth: "Next month",
-  previousYear: "Previous year",
-  nextYear: "Next year",
-  previousYears: "Previous years",
-  nextYears: "Next years",
-  chooseMonth: (title) => `${title} \u2013 choose month and year`,
-  chooseYear: (year) => `${year} \u2013 choose year`,
-  weekNumber: "Wk"
-};
+import { jsx as jsx45, jsxs as jsxs43 } from "react/jsx-runtime";
+var defaultCalendarTexts = en.calendar;
 function isoWeek(date) {
   const d = new Date(Date.UTC(date.year, date.month - 1, date.day));
   const day = d.getUTCDay() || 7;
@@ -3979,7 +4378,7 @@ function Header3({
   months,
   t
 }) {
-  const { locale } = useLocale4();
+  const { locale } = useLocale5();
   const monthTitle = useMemo3(() => new DateFormatter(locale, { month: "long", year: "numeric", timeZone: getLocalTimeZone() }), [locale]);
   const yearTitle = useMemo3(() => new DateFormatter(locale, { year: "numeric", timeZone: getLocalTimeZone() }), [locale]);
   const tz = getLocalTimeZone();
@@ -3990,35 +4389,35 @@ function Header3({
   if (view !== "days") {
     const title = view === "months" ? yearTitle.format(focused.toDate(tz)) : `${yearStart} \u2013 ${yearStart + 11}`;
     return /* @__PURE__ */ jsxs43("div", { className: "medo-calendar__header", children: [
-      view === "months" ? /* @__PURE__ */ jsx44(
+      view === "months" ? /* @__PURE__ */ jsx45(
         Button,
         {
           slot: null,
           variant: "ghost",
           size: buttonSize,
-          endIcon: /* @__PURE__ */ jsx44(ChevronDown5, {}),
+          endIcon: /* @__PURE__ */ jsx45(ChevronDown5, {}),
           onPress: () => setView("years"),
           "aria-label": t.chooseYear(title),
           className: "medo-calendar__title",
           children: title
         }
-      ) : /* @__PURE__ */ jsx44("span", { className: "medo-calendar__title medo-calendar__title--static", "aria-live": "polite", children: title }),
+      ) : /* @__PURE__ */ jsx45("span", { className: "medo-calendar__title medo-calendar__title--static", "aria-live": "polite", children: title }),
       /* @__PURE__ */ jsxs43("div", { className: "medo-calendar__nav", children: [
-        /* @__PURE__ */ jsx44(IconButton, { slot: null, size: buttonSize, icon: /* @__PURE__ */ jsx44(ChevronLeft4, {}), "aria-label": view === "months" ? t.previousYear : t.previousYears, onPress: () => shift(-1) }),
-        /* @__PURE__ */ jsx44(IconButton, { slot: null, size: buttonSize, icon: /* @__PURE__ */ jsx44(ChevronRight5, {}), "aria-label": view === "months" ? t.nextYear : t.nextYears, onPress: () => shift(1) })
+        /* @__PURE__ */ jsx45(IconButton, { slot: null, size: buttonSize, icon: /* @__PURE__ */ jsx45(ChevronLeft4, {}), "aria-label": view === "months" ? t.previousYear : t.previousYears, onPress: () => shift(-1) }),
+        /* @__PURE__ */ jsx45(IconButton, { slot: null, size: buttonSize, icon: /* @__PURE__ */ jsx45(ChevronRight5, {}), "aria-label": view === "months" ? t.nextYear : t.nextYears, onPress: () => shift(1) })
       ] })
     ] });
   }
-  return /* @__PURE__ */ jsx44("div", { className: "medo-calendar__headers", style: { gridTemplateColumns: `repeat(${months}, 1fr)` }, children: Array.from({ length: months }, (_, i) => {
+  return /* @__PURE__ */ jsx45("div", { className: "medo-calendar__headers", style: { gridTemplateColumns: `repeat(${months}, 1fr)` }, children: Array.from({ length: months }, (_, i) => {
     const title = monthTitle.format(focused.add({ months: i }).toDate(tz));
     return /* @__PURE__ */ jsxs43("div", { className: "medo-calendar__header", children: [
-      /* @__PURE__ */ jsx44(
+      /* @__PURE__ */ jsx45(
         Button,
         {
           slot: null,
           variant: "ghost",
           size: buttonSize,
-          endIcon: /* @__PURE__ */ jsx44(ChevronDown5, {}),
+          endIcon: /* @__PURE__ */ jsx45(ChevronDown5, {}),
           onPress: () => setView("months"),
           "aria-label": t.chooseMonth(title),
           className: "medo-calendar__title",
@@ -4026,19 +4425,19 @@ function Header3({
         }
       ),
       /* @__PURE__ */ jsxs43("div", { className: "medo-calendar__nav", children: [
-        i === 0 && /* @__PURE__ */ jsx44(IconButton, { slot: "previous", size: buttonSize, icon: /* @__PURE__ */ jsx44(ChevronLeft4, {}), "aria-label": t.previousMonth }),
-        i === months - 1 && /* @__PURE__ */ jsx44(IconButton, { slot: "next", size: buttonSize, icon: /* @__PURE__ */ jsx44(ChevronRight5, {}), "aria-label": t.nextMonth })
+        i === 0 && /* @__PURE__ */ jsx45(IconButton, { slot: "previous", size: buttonSize, icon: /* @__PURE__ */ jsx45(ChevronLeft4, {}), "aria-label": t.previousMonth }),
+        i === months - 1 && /* @__PURE__ */ jsx45(IconButton, { slot: "next", size: buttonSize, icon: /* @__PURE__ */ jsx45(ChevronRight5, {}), "aria-label": t.nextMonth })
       ] })
     ] }, i);
   }) });
 }
 function PeriodGrid({ view, setView, state }) {
-  const { locale } = useLocale4();
+  const { locale } = useLocale5();
   const tz = getLocalTimeZone();
   const format = useMemo3(() => new DateFormatter(locale, { month: "short", timeZone: tz }), [locale, tz]);
   const focused = state.focusedDate;
   const now2 = today(tz);
-  const ref = useRef16(null);
+  const ref = useRef17(null);
   const yearStart = focused.year - 5;
   const items = Array.from({ length: 12 }, (_, i) => {
     const date = view === "months" ? focused.set({ month: i + 1, day: 1 }) : focused.set({ year: yearStart + i, month: 1, day: 1 });
@@ -4058,10 +4457,10 @@ function PeriodGrid({ view, setView, state }) {
       }
     };
   });
-  useEffect15(() => {
+  useEffect16(() => {
     ref.current?.querySelector("[data-focus-target]")?.focus();
   }, [view]);
-  return /* @__PURE__ */ jsx44("div", { ref, className: "medo-calendar__periods", role: "group", children: items.map((item) => /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45("div", { ref, className: "medo-calendar__periods", role: "group", children: items.map((item) => /* @__PURE__ */ jsx45(
     AriaButton16,
     {
       slot: null,
@@ -4079,23 +4478,23 @@ function PeriodGrid({ view, setView, state }) {
   )) });
 }
 function DayGrid({ offset, showWeekNumbers, t }) {
-  const { locale } = useLocale4();
+  const { locale } = useLocale5();
   return /* @__PURE__ */ jsxs43("div", { className: cx("medo-calendar__month", showWeekNumbers && "medo-calendar__month--weeks"), children: [
-    showWeekNumbers && /* @__PURE__ */ jsx44("span", { className: "medo-calendar__weeks-label", "aria-hidden": "true", children: t.weekNumber }),
+    showWeekNumbers && /* @__PURE__ */ jsx45("span", { className: "medo-calendar__weeks-label", "aria-hidden": "true", children: t.weekNumber }),
     /* @__PURE__ */ jsxs43(CalendarGrid, { offset: offset ? { months: offset } : void 0, weekdayStyle: "short", className: "medo-calendar__grid", children: [
-      /* @__PURE__ */ jsx44(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx44(CalendarHeaderCell, { className: "medo-calendar__weekday", children: day.replace(/\.$/, "").slice(0, 2) }) }),
-      /* @__PURE__ */ jsx44(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx44(CalendarCell, { date, className: "medo-calendar__cell", children: ({ formattedDate }) => (
+      /* @__PURE__ */ jsx45(CalendarGridHeader, { children: (day) => /* @__PURE__ */ jsx45(CalendarHeaderCell, { className: "medo-calendar__weekday", children: day.replace(/\.$/, "").slice(0, 2) }) }),
+      /* @__PURE__ */ jsx45(CalendarGridBody, { children: (date) => /* @__PURE__ */ jsx45(CalendarCell, { date, className: "medo-calendar__cell", children: ({ formattedDate }) => (
         // The week number is drawn by CSS (data-week), so it is not part of the day's visible name (WCAG 2.5.3).
-        /* @__PURE__ */ jsx44("span", { className: "medo-calendar__day", "data-week": showWeekNumbers && getDayOfWeek(date, locale) === 0 ? isoWeek(date.add({ days: 3 })) : void 0, children: formattedDate })
+        /* @__PURE__ */ jsx45("span", { className: "medo-calendar__day", "data-week": showWeekNumbers && getDayOfWeek(date, locale) === 0 ? isoWeek(date.add({ days: 3 })) : void 0, children: formattedDate })
       ) }) })
     ] })
   ] });
 }
 function CalendarBody({ state, size, months, showWeekNumbers, t }) {
-  const [view, setView] = useState17("days");
-  const ref = useRef16(null);
-  const back = useRef16(false);
-  useEffect15(() => {
+  const [view, setView] = useState18("days");
+  const ref = useRef17(null);
+  const back = useRef17(false);
+  useEffect16(() => {
     if (view !== "days" || !back.current) return;
     back.current = false;
     ref.current?.querySelector('.medo-calendar__cell[tabindex="0"]')?.focus();
@@ -4105,19 +4504,21 @@ function CalendarBody({ state, size, months, showWeekNumbers, t }) {
     setView(v);
   };
   return /* @__PURE__ */ jsxs43("div", { ref, className: "medo-calendar__body", children: [
-    /* @__PURE__ */ jsx44(Header3, { view, setView: changeView, state, size, months: view === "days" ? months : 1, t }),
-    view === "days" ? /* @__PURE__ */ jsx44("div", { className: "medo-calendar__months", style: { gridTemplateColumns: `repeat(${months}, auto)` }, children: Array.from({ length: months }, (_, i) => /* @__PURE__ */ jsx44(DayGrid, { offset: i, showWeekNumbers, t }, i)) }) : /* @__PURE__ */ jsx44(PeriodGrid, { view, setView: changeView, state })
+    /* @__PURE__ */ jsx45(Header3, { view, setView: changeView, state, size, months: view === "days" ? months : 1, t }),
+    view === "days" ? /* @__PURE__ */ jsx45("div", { className: "medo-calendar__months", style: { gridTemplateColumns: `repeat(${months}, auto)` }, children: Array.from({ length: months }, (_, i) => /* @__PURE__ */ jsx45(DayGrid, { offset: i, showWeekNumbers, t }, i)) }) : /* @__PURE__ */ jsx45(PeriodGrid, { view, setView: changeView, state })
   ] });
 }
 function Calendar({ size = "md", showWeekNumbers, texts, className, ...props }) {
-  const t = { ...defaultCalendarTexts, ...texts };
-  return /* @__PURE__ */ jsx44(AriaCalendar, { ...props, className: cx("medo-calendar", `medo-calendar--${size}`, className), children: ({ state }) => /* @__PURE__ */ jsx44(CalendarBody, { state, size, months: 1, showWeekNumbers, t }) });
+  const m = useMessages();
+  const t = { ...m.calendar, ...texts };
+  return /* @__PURE__ */ jsx45(AriaCalendar, { ...props, className: cx("medo-calendar", `medo-calendar--${size}`, className), children: ({ state }) => /* @__PURE__ */ jsx45(CalendarBody, { state, size, months: 1, showWeekNumbers, t }) });
 }
 function RangeCalendar({ size = "md", showWeekNumbers, visibleMonths = "auto", texts, className, ...props }) {
-  const t = { ...defaultCalendarTexts, ...texts };
+  const m = useMessages();
+  const t = { ...m.calendar, ...texts };
   const mobile = useMediaQuery(MOBILE_QUERY);
   const months = visibleMonths === "auto" ? mobile ? 1 : 2 : visibleMonths;
-  return /* @__PURE__ */ jsx44(AriaRangeCalendar, { ...props, visibleDuration: { months }, className: cx("medo-calendar", "medo-calendar--range", `medo-calendar--${size}`, className), children: ({ state }) => /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx45(AriaRangeCalendar, { ...props, visibleDuration: { months }, className: cx("medo-calendar", "medo-calendar--range", `medo-calendar--${size}`, className), children: ({ state }) => /* @__PURE__ */ jsx45(
     CalendarBody,
     {
       state: {
@@ -4137,28 +4538,28 @@ function RangeCalendar({ size = "md", showWeekNumbers, visibleMonths = "auto", t
 }
 
 // src/date-time/DateField.tsx
-import { useMemo as useMemo4, useState as useState18 } from "react";
+import { useMemo as useMemo4, useState as useState19 } from "react";
 import {
   DateField as AriaDateField,
   DateInput,
   DateSegment,
   TimeField as AriaTimeField,
-  useLocale as useLocale5
+  useLocale as useLocale6
 } from "react-aria-components";
 import { DateFormatter as DateFormatter2 } from "@internationalized/date";
 import { Clock } from "lucide-react";
-import { jsx as jsx45, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs44 } from "react/jsx-runtime";
 function DateSegments({ size = "md", children }) {
   return /* @__PURE__ */ jsxs44("div", { className: cx("medo-input", `medo-input--${size}`, "medo-date-box"), children: [
-    /* @__PURE__ */ jsx45(DateInput, { className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx45(DateSegment, { segment, className: "medo-date-segment" }) }),
+    /* @__PURE__ */ jsx46(DateInput, { className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx46(DateSegment, { segment, className: "medo-date-segment" }) }),
     children
   ] });
 }
 function DateField({ label, description, errorMessage, size = "md", className, ...props }) {
   return /* @__PURE__ */ jsxs44(AriaDateField, { shouldForceLeadingZeros: true, ...props, className: cx("medo-field", "medo-date-field", className), children: [
-    label && /* @__PURE__ */ jsx45(FieldLabel, { isRequired: props.isRequired, children: label }),
-    /* @__PURE__ */ jsx45(DateSegments, { size }),
-    /* @__PURE__ */ jsx45(FieldFooter, { description, errorMessage })
+    label && /* @__PURE__ */ jsx46(FieldLabel, { isRequired: props.isRequired, children: label }),
+    /* @__PURE__ */ jsx46(DateSegments, { size }),
+    /* @__PURE__ */ jsx46(FieldFooter, { description, errorMessage })
   ] });
 }
 function TimeField({
@@ -4167,19 +4568,21 @@ function TimeField({
   errorMessage,
   size = "md",
   slots,
-  slotsLabel = "Available times",
+  slotsLabel: slotsLabelProp,
   className,
   defaultValue,
   onChange,
   ...props
 }) {
-  const [inner, setInner] = useState18(defaultValue ?? null);
+  const m = useMessages();
+  const slotsLabel = slotsLabelProp ?? m.datePicker.availableTimes;
+  const [inner, setInner] = useState19(defaultValue ?? null);
   const value = props.value !== void 0 ? props.value : inner;
   const change = (v) => {
     setInner(v);
     onChange?.(v);
   };
-  const { locale } = useLocale5();
+  const { locale } = useLocale6();
   const format = useMemo4(
     () => new DateFormatter2(locale, { hour: "2-digit", minute: "2-digit", hourCycle: props.hourCycle === 12 ? "h12" : props.hourCycle === 24 ? "h23" : void 0 }),
     [locale, props.hourCycle]
@@ -4187,10 +4590,10 @@ function TimeField({
   const key = (v) => v ? `${v.hour}:${v.minute}` : "";
   const text = (v) => format.format(new Date(2e3, 0, 1, v.hour, v.minute));
   return /* @__PURE__ */ jsxs44(AriaTimeField, { shouldForceLeadingZeros: true, ...props, value, onChange: change, className: cx("medo-field", "medo-date-field", "medo-time-field", className), children: [
-    label && /* @__PURE__ */ jsx45(FieldLabel, { isRequired: props.isRequired, children: label }),
-    /* @__PURE__ */ jsx45(DateSegments, { size, children: slots && /* @__PURE__ */ jsxs44(PopoverTrigger, { children: [
-      /* @__PURE__ */ jsx45(InputAction, { icon: /* @__PURE__ */ jsx45(Clock, {}), "aria-label": slotsLabel, isDisabled: props.isDisabled || props.isReadOnly }),
-      /* @__PURE__ */ jsx45(Popover5, { size: "auto", "aria-label": slotsLabel, placement: "bottom end", className: "medo-time-slots", children: (close) => /* @__PURE__ */ jsx45(
+    label && /* @__PURE__ */ jsx46(FieldLabel, { isRequired: props.isRequired, children: label }),
+    /* @__PURE__ */ jsx46(DateSegments, { size, children: slots && /* @__PURE__ */ jsxs44(PopoverTrigger, { children: [
+      /* @__PURE__ */ jsx46(InputAction, { icon: /* @__PURE__ */ jsx46(Clock, {}), "aria-label": slotsLabel, isDisabled: props.isDisabled || props.isReadOnly }),
+      /* @__PURE__ */ jsx46(Popover5, { size: "auto", "aria-label": slotsLabel, placement: "bottom end", className: "medo-time-slots", children: (close) => /* @__PURE__ */ jsx46(
         ListBox,
         {
           "aria-label": slotsLabel,
@@ -4198,22 +4601,22 @@ function TimeField({
           autoFocus: true,
           selectionMode: "single",
           selectedKeys: value ? [key(value)] : [],
-          disabledKeys: slots.filter((s) => s.isDisabled).map((s) => key(s.value)),
+          disabledKeys: slots.filter((s2) => s2.isDisabled).map((s2) => key(s2.value)),
           onSelectionChange: (keys) => {
-            const slot = slots.find((s) => keys !== "all" && keys.has(key(s.value)));
+            const slot = slots.find((s2) => keys !== "all" && keys.has(key(s2.value)));
             if (slot) change(slot.value);
             close();
           },
-          children: slots.map((s) => /* @__PURE__ */ jsx45(Option, { id: key(s.value), textValue: text(s.value), description: s.isDisabled ? s.reason : void 0, children: text(s.value) }, key(s.value)))
+          children: slots.map((s2) => /* @__PURE__ */ jsx46(Option, { id: key(s2.value), textValue: text(s2.value), description: s2.isDisabled ? s2.reason : void 0, children: text(s2.value) }, key(s2.value)))
         }
       ) })
     ] }) }),
-    /* @__PURE__ */ jsx45(FieldFooter, { description, errorMessage })
+    /* @__PURE__ */ jsx46(FieldFooter, { description, errorMessage })
   ] });
 }
 
 // src/date-time/DatePicker.tsx
-import { useContext as useContext17, useMemo as useMemo5 } from "react";
+import { useContext as useContext18, useMemo as useMemo5 } from "react";
 import {
   DateInput as DateInput2,
   DatePicker as AriaDatePicker,
@@ -4224,23 +4627,27 @@ import {
   Dialog as AriaDialog5,
   Group as Group2,
   Popover as AriaPopover2,
-  useLocale as useLocale6
+  useLocale as useLocale7
 } from "react-aria-components";
 import { DateFormatter as DateFormatter3, endOfMonth, getLocalTimeZone as getLocalTimeZone2, startOfMonth, today as today2 } from "@internationalized/date";
 import { Calendar as CalendarIcon } from "lucide-react";
-import { jsx as jsx46, jsxs as jsxs45 } from "react/jsx-runtime";
-var defaultDatePickerTexts = {
-  openCalendar: "Open calendar",
-  done: "Done",
-  time: "Time",
-  presets: "Periods",
-  beforeMin: (date) => `Choose a date from ${date} on.`,
-  afterMax: (date) => `Choose a date until ${date}.`,
-  unavailable: "This day is not available. Choose another day.",
-  reversed: "The end date must be after the start date."
-};
-function useMessages(t, minValue, maxValue) {
-  const { locale } = useLocale6();
+import { jsx as jsx47, jsxs as jsxs45 } from "react/jsx-runtime";
+function pickerTexts(m) {
+  const d = m.datePicker;
+  return {
+    openCalendar: d.openCalendar,
+    done: m.common.done,
+    time: d.time,
+    presets: d.presets,
+    beforeMin: d.beforeMin,
+    afterMax: d.afterMax,
+    unavailable: d.unavailable,
+    reversed: d.reversed
+  };
+}
+var defaultDatePickerTexts = pickerTexts(en);
+function useValidationMessages(t, minValue, maxValue) {
+  const { locale } = useLocale7();
   const format = useMemo5(() => new DateFormatter3(locale, { day: "2-digit", month: "2-digit", year: "numeric", timeZone: getLocalTimeZone2() }), [locale]);
   const show = (d) => format.format(d.toDate(getLocalTimeZone2()));
   return ({ validationDetails: v, validationErrors }) => {
@@ -4253,22 +4660,22 @@ function useMessages(t, minValue, maxValue) {
 }
 function PickerOverlay({ title, sheet, t, children }) {
   if (sheet) {
-    return /* @__PURE__ */ jsx46(
+    return /* @__PURE__ */ jsx47(
       BottomSheet,
       {
         title,
         className: "medo-date-sheet",
-        footer: (close) => /* @__PURE__ */ jsx46(Button, { variant: "primary", size: "lg", onPress: close, children: t.done }),
-        children: /* @__PURE__ */ jsx46("div", { className: "medo-date-panel", children })
+        footer: (close) => /* @__PURE__ */ jsx47(Button, { variant: "primary", size: "lg", onPress: close, children: t.done }),
+        children: /* @__PURE__ */ jsx47("div", { className: "medo-date-panel", children })
       }
     );
   }
-  return /* @__PURE__ */ jsx46(AriaPopover2, { placement: "bottom start", offset: 8, containerPadding: 16, className: "medo-popover medo-popover--auto medo-date-popover", children: /* @__PURE__ */ jsx46(AriaDialog5, { "aria-label": title, className: "medo-popover__dialog", children: /* @__PURE__ */ jsx46("div", { className: "medo-popover__body medo-date-panel", children }) }) });
+  return /* @__PURE__ */ jsx47(AriaPopover2, { placement: "bottom start", offset: 8, containerPadding: 16, className: "medo-popover medo-popover--auto medo-date-popover", children: /* @__PURE__ */ jsx47(AriaDialog5, { "aria-label": title, className: "medo-popover__dialog", children: /* @__PURE__ */ jsx47("div", { className: "medo-popover__body medo-date-panel", children }) }) });
 }
 function PanelTime({ label, size }) {
-  const state = useContext17(DatePickerStateContext);
+  const state = useContext18(DatePickerStateContext);
   if (!state) return null;
-  return /* @__PURE__ */ jsx46("div", { className: "medo-date-panel__time", children: /* @__PURE__ */ jsx46(TimeField, { label, size, value: state.timeValue, onChange: (v) => v && state.setTimeValue(v) }) });
+  return /* @__PURE__ */ jsx47("div", { className: "medo-date-panel__time", children: /* @__PURE__ */ jsx47(TimeField, { label, size, value: state.timeValue, onChange: (v) => v && state.setTimeValue(v) }) });
 }
 var textOf = (label, ariaLabel) => typeof label === "string" ? label : ariaLabel ?? "";
 function DatePicker({
@@ -4282,10 +4689,11 @@ function DatePicker({
   className,
   ...props
 }) {
-  const t = { ...defaultCalendarTexts, ...defaultDatePickerTexts, ...texts };
+  const m = useMessages();
+  const t = { ...m.calendar, ...pickerTexts(m), ...texts };
   const mobile = useMediaQuery(MOBILE_QUERY);
   const sheet = overlay === "sheet" || overlay === "auto" && mobile;
-  const messages = useMessages(t, props.minValue, props.maxValue);
+  const messages = useValidationMessages(t, props.minValue, props.maxValue);
   const hasTime = !!props.granularity && props.granularity !== "day";
   return /* @__PURE__ */ jsxs45(
     AriaDatePicker,
@@ -4294,39 +4702,40 @@ function DatePicker({
       ...props,
       className: cx("medo-field", "medo-date-field", "medo-date-picker", hasTime && "medo-date-picker--time", className),
       children: [
-        label && /* @__PURE__ */ jsx46(FieldLabel, { isRequired: props.isRequired, children: label }),
+        label && /* @__PURE__ */ jsx47(FieldLabel, { isRequired: props.isRequired, children: label }),
         /* @__PURE__ */ jsxs45(Group2, { className: cx("medo-input", `medo-input--${size}`, "medo-date-box"), children: [
-          /* @__PURE__ */ jsx46(DateInput2, { className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx46(DateSegment2, { segment, className: "medo-date-segment" }) }),
-          /* @__PURE__ */ jsx46(InputAction, { icon: /* @__PURE__ */ jsx46(CalendarIcon, {}), "aria-label": t.openCalendar })
+          /* @__PURE__ */ jsx47(DateInput2, { className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx47(DateSegment2, { segment, className: "medo-date-segment" }) }),
+          /* @__PURE__ */ jsx47(InputAction, { icon: /* @__PURE__ */ jsx47(CalendarIcon, {}), "aria-label": t.openCalendar })
         ] }),
-        /* @__PURE__ */ jsx46(FieldFooter, { description, errorMessage: errorMessage ?? messages }),
+        /* @__PURE__ */ jsx47(FieldFooter, { description, errorMessage: errorMessage ?? messages }),
         /* @__PURE__ */ jsxs45(PickerOverlay, { title: textOf(label, props["aria-label"]), sheet, t, children: [
-          /* @__PURE__ */ jsx46(Calendar, { size: sheet ? "lg" : "md", showWeekNumbers, texts: t }),
-          hasTime && /* @__PURE__ */ jsx46(PanelTime, { label: t.time, size: sheet ? "lg" : "md" })
+          /* @__PURE__ */ jsx47(Calendar, { size: sheet ? "lg" : "md", showWeekNumbers, texts: t }),
+          hasTime && /* @__PURE__ */ jsx47(PanelTime, { label: t.time, size: sheet ? "lg" : "md" })
         ] })
       ]
     }
   );
 }
-function defaultDatePresets(labels = {}) {
+function defaultDatePresets(labels = {}, messages = en) {
+  const d = messages.datePicker;
   const now2 = today2(getLocalTimeZone2());
   const lastMonth = now2.subtract({ months: 1 });
   return [
-    { label: labels.today ?? "Today", value: { start: now2, end: now2 } },
-    { label: labels.yesterday ?? "Yesterday", value: { start: now2.subtract({ days: 1 }), end: now2.subtract({ days: 1 }) } },
-    { label: labels.last7 ?? "Last 7 days", value: { start: now2.subtract({ days: 6 }), end: now2 } },
-    { label: labels.last14 ?? "Last 14 days", value: { start: now2.subtract({ days: 13 }), end: now2 } },
-    { label: labels.last30 ?? "Last 30 days", value: { start: now2.subtract({ days: 29 }), end: now2 } },
-    { label: labels.thisMonth ?? "This month", value: { start: startOfMonth(now2), end: now2 } },
-    { label: labels.lastMonth ?? "Last month", value: { start: startOfMonth(lastMonth), end: endOfMonth(lastMonth) } }
+    { label: labels.today ?? d.today, value: { start: now2, end: now2 } },
+    { label: labels.yesterday ?? d.yesterday, value: { start: now2.subtract({ days: 1 }), end: now2.subtract({ days: 1 }) } },
+    { label: labels.last7 ?? d.last7Days, value: { start: now2.subtract({ days: 6 }), end: now2 } },
+    { label: labels.last14 ?? d.last14Days, value: { start: now2.subtract({ days: 13 }), end: now2 } },
+    { label: labels.last30 ?? d.last30Days, value: { start: now2.subtract({ days: 29 }), end: now2 } },
+    { label: labels.thisMonth ?? d.thisMonth, value: { start: startOfMonth(now2), end: now2 } },
+    { label: labels.lastMonth ?? d.lastMonth, value: { start: startOfMonth(lastMonth), end: endOfMonth(lastMonth) } }
   ];
 }
 function Presets({ presets, label, size }) {
-  const state = useContext17(DateRangePickerStateContext);
+  const state = useContext18(DateRangePickerStateContext);
   if (!state) return null;
   const same = (a, b) => !!a && !!b && a.compare(b) === 0;
   const active = presets.findIndex((p) => same(state.value?.start, p.value.start) && same(state.value?.end, p.value.end));
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx47(
     ListBox,
     {
       "aria-label": label,
@@ -4340,7 +4749,7 @@ function Presets({ presets, label, size }) {
         state.close();
       },
       className: "medo-date-panel__presets",
-      children: presets.map((p, i) => /* @__PURE__ */ jsx46(Option, { id: String(i), children: p.label }, i))
+      children: presets.map((p, i) => /* @__PURE__ */ jsx47(Option, { id: String(i), children: p.label }, i))
     }
   );
 }
@@ -4356,23 +4765,24 @@ function DateRangePicker({
   className,
   ...props
 }) {
-  const t = { ...defaultCalendarTexts, ...defaultDatePickerTexts, ...texts };
+  const m = useMessages();
+  const t = { ...m.calendar, ...pickerTexts(m), ...texts };
   const mobile = useMediaQuery(MOBILE_QUERY);
   const sheet = overlay === "sheet" || overlay === "auto" && mobile;
-  const messages = useMessages(t, props.minValue, props.maxValue);
-  const list = presets === true ? defaultDatePresets() : presets || void 0;
+  const messages = useValidationMessages(t, props.minValue, props.maxValue);
+  const list = presets === true ? defaultDatePresets({}, m) : presets || void 0;
   return /* @__PURE__ */ jsxs45(AriaDateRangePicker, { shouldForceLeadingZeros: true, ...props, className: cx("medo-field", "medo-date-field", "medo-date-picker", "medo-date-picker--range", className), children: [
-    label && /* @__PURE__ */ jsx46(FieldLabel, { isRequired: props.isRequired, children: label }),
+    label && /* @__PURE__ */ jsx47(FieldLabel, { isRequired: props.isRequired, children: label }),
     /* @__PURE__ */ jsxs45(Group2, { className: cx("medo-input", `medo-input--${size}`, "medo-date-box"), children: [
-      /* @__PURE__ */ jsx46(DateInput2, { slot: "start", className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx46(DateSegment2, { segment, className: "medo-date-segment" }) }),
-      /* @__PURE__ */ jsx46("span", { className: "medo-date-box__dash", "aria-hidden": "true", children: "\u2013" }),
-      /* @__PURE__ */ jsx46(DateInput2, { slot: "end", className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx46(DateSegment2, { segment, className: "medo-date-segment" }) }),
-      /* @__PURE__ */ jsx46(InputAction, { icon: /* @__PURE__ */ jsx46(CalendarIcon, {}), "aria-label": t.openCalendar })
+      /* @__PURE__ */ jsx47(DateInput2, { slot: "start", className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx47(DateSegment2, { segment, className: "medo-date-segment" }) }),
+      /* @__PURE__ */ jsx47("span", { className: "medo-date-box__dash", "aria-hidden": "true", children: "\u2013" }),
+      /* @__PURE__ */ jsx47(DateInput2, { slot: "end", className: "medo-date-input", children: (segment) => /* @__PURE__ */ jsx47(DateSegment2, { segment, className: "medo-date-segment" }) }),
+      /* @__PURE__ */ jsx47(InputAction, { icon: /* @__PURE__ */ jsx47(CalendarIcon, {}), "aria-label": t.openCalendar })
     ] }),
-    /* @__PURE__ */ jsx46(FieldFooter, { description, errorMessage: errorMessage ?? messages }),
-    /* @__PURE__ */ jsx46(PickerOverlay, { title: textOf(label, props["aria-label"]), sheet, t, children: /* @__PURE__ */ jsxs45("div", { className: cx("medo-date-panel__range", !!list && "medo-date-panel__range--presets"), children: [
-      list && /* @__PURE__ */ jsx46(Presets, { presets: list, label: t.presets, size: sheet ? "lg" : "md" }),
-      /* @__PURE__ */ jsx46(RangeCalendar, { size: sheet ? "lg" : "md", visibleMonths: sheet ? 1 : 2, showWeekNumbers, texts: t })
+    /* @__PURE__ */ jsx47(FieldFooter, { description, errorMessage: errorMessage ?? messages }),
+    /* @__PURE__ */ jsx47(PickerOverlay, { title: textOf(label, props["aria-label"]), sheet, t, children: /* @__PURE__ */ jsxs45("div", { className: cx("medo-date-panel__range", !!list && "medo-date-panel__range--presets"), children: [
+      list && /* @__PURE__ */ jsx47(Presets, { presets: list, label: t.presets, size: sheet ? "lg" : "md" }),
+      /* @__PURE__ */ jsx47(RangeCalendar, { size: sheet ? "lg" : "md", visibleMonths: sheet ? 1 : 2, showWeekNumbers, texts: t })
     ] }) })
   ] });
 }
@@ -4395,11 +4805,11 @@ import {
 } from "@internationalized/date";
 
 // src/media/Image.tsx
-import { useEffect as useEffect16, useLayoutEffect as useLayoutEffect8, useRef as useRef17, useState as useState19 } from "react";
+import { useEffect as useEffect17, useLayoutEffect as useLayoutEffect8, useRef as useRef18, useState as useState20 } from "react";
 import { ImageOff, Play } from "lucide-react";
-import { jsx as jsx47, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs46 } from "react/jsx-runtime";
 function MediaPlayButton({ size = "md", className }) {
-  return /* @__PURE__ */ jsx47("span", { className: cx("medo-media-play", `medo-media-play--${size}`, className), "aria-hidden": "true", children: /* @__PURE__ */ jsx47(Play, {}) });
+  return /* @__PURE__ */ jsx48("span", { className: cx("medo-media-play", `medo-media-play--${size}`, className), "aria-hidden": "true", children: /* @__PURE__ */ jsx48(Play, {}) });
 }
 function Image({
   src,
@@ -4419,10 +4829,10 @@ function Image({
   onError,
   ...props
 }) {
-  const ref = useRef17(null);
-  const [state, setState] = useState19("loading");
+  const ref = useRef18(null);
+  const [state, setState] = useState20("loading");
   useLayoutEffect8(() => setState("loading"), [src]);
-  useEffect16(() => {
+  useEffect17(() => {
     const img = ref.current;
     if (img?.complete && src) setState(img.naturalWidth > 0 ? "loaded" : "error");
   }, [src]);
@@ -4436,9 +4846,9 @@ function Image({
       "data-state": state,
       style: { aspectRatio: aspect, ...style },
       children: [
-        state === "loading" && (placeholder ? /* @__PURE__ */ jsx47("img", { className: "medo-image__preview", src: placeholder, alt: "", "aria-hidden": "true" }) : /* @__PURE__ */ jsx47(Skeleton, { shape: "rect", className: "medo-image__skeleton" })),
-        state === "error" && /* @__PURE__ */ jsx47("span", { className: "medo-image__error", role: alt ? "img" : void 0, "aria-label": alt || void 0, "aria-hidden": alt ? void 0 : true, children: /* @__PURE__ */ jsx47(ImageOff, { "aria-hidden": "true" }) }),
-        /* @__PURE__ */ jsx47(
+        state === "loading" && (placeholder ? /* @__PURE__ */ jsx48("img", { className: "medo-image__preview", src: placeholder, alt: "", "aria-hidden": "true" }) : /* @__PURE__ */ jsx48(Skeleton, { shape: "rect", className: "medo-image__skeleton" })),
+        state === "error" && /* @__PURE__ */ jsx48("span", { className: "medo-image__error", role: alt ? "img" : void 0, "aria-label": alt || void 0, "aria-hidden": alt ? void 0 : true, children: /* @__PURE__ */ jsx48(ImageOff, { "aria-hidden": "true" }) }),
+        /* @__PURE__ */ jsx48(
           "img",
           {
             ...props,
@@ -4461,11 +4871,11 @@ function Image({
           }
         ),
         state === "loaded" && overlay && /* @__PURE__ */ jsxs46("div", { className: cx("medo-image__overlay", `medo-image__overlay--${overlay.position ?? "bottom"}`), children: [
-          /* @__PURE__ */ jsx47("span", { className: "medo-image__title", children: overlay.title }),
-          overlay.meta && /* @__PURE__ */ jsx47("span", { className: "medo-image__meta", children: overlay.meta })
+          /* @__PURE__ */ jsx48("span", { className: "medo-image__title", children: overlay.title }),
+          overlay.meta && /* @__PURE__ */ jsx48("span", { className: "medo-image__meta", children: overlay.meta })
         ] }),
-        state === "loaded" && badge && /* @__PURE__ */ jsx47("span", { className: "medo-image__badge", children: badge }),
-        state === "loaded" && play && /* @__PURE__ */ jsx47(MediaPlayButton, { size: play, className: "medo-image__play" })
+        state === "loaded" && badge && /* @__PURE__ */ jsx48("span", { className: "medo-image__badge", children: badge }),
+        state === "loaded" && play && /* @__PURE__ */ jsx48(MediaPlayButton, { size: play, className: "medo-image__play" })
       ]
     }
   );
@@ -4474,46 +4884,29 @@ function Figure({ children, caption, credit, className }) {
   return /* @__PURE__ */ jsxs46("figure", { className: cx("medo-figure", className), children: [
     children,
     (caption || credit) && /* @__PURE__ */ jsxs46("figcaption", { className: "medo-figure__caption", children: [
-      caption && /* @__PURE__ */ jsx47("span", { children: caption }),
-      credit && /* @__PURE__ */ jsx47("span", { className: "medo-figure__credit", children: credit })
+      caption && /* @__PURE__ */ jsx48("span", { children: caption }),
+      credit && /* @__PURE__ */ jsx48("span", { className: "medo-figure__credit", children: credit })
     ] })
   ] });
 }
 
 // src/media/EmbedConsent.tsx
-import { useEffect as useEffect17, useLayoutEffect as useLayoutEffect9, useRef as useRef18, useState as useState20 } from "react";
+import { useEffect as useEffect18, useLayoutEffect as useLayoutEffect9, useRef as useRef19, useState as useState21 } from "react";
 import { Globe as Globe2, MapPin, Play as Play2 } from "lucide-react";
-import { jsx as jsx48, jsxs as jsxs47 } from "react/jsx-runtime";
-function defaultEmbedTexts(type, provider, company) {
+import { jsx as jsx49, jsxs as jsxs47 } from "react/jsx-runtime";
+function defaultEmbedTexts(type, provider, company, messages = en) {
   const to = company ?? provider;
-  if (type === "video")
-    return {
-      title: "Load external video",
-      body: `This video is provided by ${provider ?? "a third party"}. Loading it sends data such as your IP address to ${to ?? "the provider"}.`,
-      bodyCompact: `Loading this video sends data to ${provider && company && provider !== company ? `${provider} (${company})` : to ?? "a third party"}.`,
-      load: "Load video",
-      remember: provider ? `Always load ${provider} videos` : "Always load videos from this provider",
-      privacy: "Privacy policy"
-    };
-  if (type === "map")
-    return {
-      title: "Load map",
-      body: `This map is provided by ${provider ?? "a third party"}. Loading it sends data such as your IP address to ${to ?? "the provider"}.`,
-      bodyCompact: `Loading this map sends data to ${to ?? "a third party"}.`,
-      load: "Load map",
-      remember: provider ? `Always load ${provider}` : "Always load maps from this provider",
-      privacy: "Privacy policy"
-    };
+  const e = messages.embed[type];
   return {
-    title: "Load external content",
-    body: `This content is provided by ${provider ?? "a third party"}. Loading it sends data such as your IP address to ${to ?? "the provider"}.`,
-    bodyCompact: `Loading this content sends data to ${to ?? "a third party"}.`,
-    load: "Load content",
-    remember: provider ? `Always load content from ${provider}` : "Always load content from this provider",
-    privacy: "Privacy policy"
+    title: e.title,
+    body: e.body(provider, to),
+    bodyCompact: e.bodyCompact(provider, company, to),
+    load: e.load,
+    remember: e.remember(provider),
+    privacy: messages.embed.privacy
   };
 }
-var icons2 = { video: /* @__PURE__ */ jsx48(Play2, {}), map: /* @__PURE__ */ jsx48(MapPin, {}), generic: /* @__PURE__ */ jsx48(Globe2, {}) };
+var icons2 = { video: /* @__PURE__ */ jsx49(Play2, {}), map: /* @__PURE__ */ jsx49(MapPin, {}), generic: /* @__PURE__ */ jsx49(Globe2, {}) };
 function EmbedConsent({
   type = "generic",
   provider,
@@ -4528,12 +4921,13 @@ function EmbedConsent({
   texts,
   className
 }) {
-  const t = { ...defaultEmbedTexts(type, provider, company), ...texts };
-  const ref = useRef18(null);
-  const frame = useRef18(null);
-  const [clicked, setClicked] = useState20(false);
-  const [remember, setRemember] = useState20(false);
-  const [compact, setCompact] = useState20(false);
+  const m = useMessages();
+  const t = { ...defaultEmbedTexts(type, provider, company, m), ...texts };
+  const ref = useRef19(null);
+  const frame = useRef19(null);
+  const [clicked, setClicked] = useState21(false);
+  const [remember, setRemember] = useState21(false);
+  const [compact, setCompact] = useState21(false);
   const loaded = isConsented || clicked;
   useLayoutEffect9(() => {
     const el = ref.current;
@@ -4542,12 +4936,12 @@ function EmbedConsent({
     ro.observe(el);
     return () => ro.disconnect();
   }, [loaded]);
-  useEffect17(() => {
+  useEffect18(() => {
     if (clicked) frame.current?.focus();
   }, [clicked]);
   const style = { aspectRatio: ratio.replace(":", " / ") };
   if (loaded) {
-    return /* @__PURE__ */ jsx48("div", { className: cx("medo-embed", "medo-embed--loaded", className), style, children: /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx49("div", { className: cx("medo-embed", "medo-embed--loaded", className), style, children: /* @__PURE__ */ jsx49(
       "iframe",
       {
         ref: frame,
@@ -4562,13 +4956,13 @@ function EmbedConsent({
     ) });
   }
   return /* @__PURE__ */ jsxs47("div", { ref, role: "region", "aria-label": title, className: cx("medo-embed", compact && "medo-embed--compact", className), style, children: [
-    !compact && /* @__PURE__ */ jsx48(IconTile, { size: "sm", tone: "raised", children: icons2[type] }),
+    !compact && /* @__PURE__ */ jsx49(IconTile, { size: "sm", tone: "raised", children: icons2[type] }),
     /* @__PURE__ */ jsxs47("div", { className: "medo-embed__content", children: [
-      /* @__PURE__ */ jsx48("p", { className: "medo-embed__title", children: t.title }),
-      /* @__PURE__ */ jsx48("p", { className: "medo-embed__body", children: compact ? t.bodyCompact : t.body })
+      /* @__PURE__ */ jsx49("p", { className: "medo-embed__title", children: t.title }),
+      /* @__PURE__ */ jsx49("p", { className: "medo-embed__body", children: compact ? t.bodyCompact : t.body })
     ] }),
     /* @__PURE__ */ jsxs47("div", { className: "medo-embed__actions", children: [
-      /* @__PURE__ */ jsx48(
+      /* @__PURE__ */ jsx49(
         Button,
         {
           size: compact ? "sm" : "md",
@@ -4579,9 +4973,9 @@ function EmbedConsent({
           children: t.load
         }
       ),
-      /* @__PURE__ */ jsx48(Link, { variant: "standalone", size: compact ? "sm" : "md", href: privacyHref, children: t.privacy })
+      /* @__PURE__ */ jsx49(Link, { variant: "standalone", size: compact ? "sm" : "md", href: privacyHref, children: t.privacy })
     ] }),
-    !compact && /* @__PURE__ */ jsx48(Checkbox, { isSelected: remember, onChange: setRemember, children: t.remember })
+    !compact && /* @__PURE__ */ jsx49(Checkbox, { isSelected: remember, onChange: setRemember, children: t.remember })
   ] });
 }
 export {
@@ -4648,6 +5042,7 @@ export {
   MenuItem,
   MenuSection,
   MenuTrigger,
+  MessagesProvider,
   NavGroup,
   NavItem,
   NavList,
@@ -4700,11 +5095,13 @@ export {
   TooltipTrigger,
   UploadField,
   ZonedDateTime,
+  de as deMessages,
   defaultCalendarTexts,
   defaultDatePickerTexts,
   defaultDatePresets,
   defaultEmbedTexts,
   defaultUploadTexts,
+  en as enMessages,
   formatBytes,
   getLocalTimeZone3 as getLocalTimeZone,
   initialsOf,
@@ -4716,6 +5113,7 @@ export {
   parseTime,
   parseZonedDateTime,
   toast,
-  today3 as today
+  today3 as today,
+  useMessages
 };
 //# sourceMappingURL=index.js.map