@expcat/tigercat-react 2.0.0-preview.2 → 2.0.0-preview.3

package/dist/{chunk-YN4FMZX5.mjs → chunk-ONMOHKT2.mjs}

@@ -1,15 +1,15 @@
 import {
   Table
-} from "./chunk-YCEH4N3Z.mjs";
+} from "./chunk-5XDRILPM.mjs";
 import {
   Select
-} from "./chunk-YLVXXP7E.mjs";
+} from "./chunk-H64TM6UQ.mjs";
 import {
   Popover
 } from "./chunk-QWUDJC6K.mjs";
 import {
   Input
-} from "./chunk-NRWH5IWZ.mjs";
+} from "./chunk-F6WV53BS.mjs";
 import {
   Checkbox
 } from "./chunk-EPWAROC2.mjs";
@@ -18,7 +18,7 @@ import {
 } from "./chunk-5TE7KLE5.mjs";
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/DataTableWithToolbar.tsx
 import { useEffect, useMemo, useRef, useState } from "react";

package/dist/{chunk-4ZZ7YRTB.mjs → chunk-OO562MFD.mjs}

@@ -1,6 +1,6 @@
 import {
   AvatarGroupContext
-} from "./chunk-4R5YXNU4.mjs";
+} from "./chunk-FPQMJFFM.mjs";
 
 // src/components/Avatar.tsx
 import { useState, useMemo, useContext } from "react";

package/dist/{chunk-7RI5W465.mjs → chunk-OQLP452R.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/Form.tsx
 import React, {

package/dist/{chunk-BPQEM6AF.mjs → chunk-OTBXERJD.mjs}

@@ -73,7 +73,7 @@ var MessageItem = ({ message, onClose }) => {
           {
             className: messageCloseButtonClasses,
             onClick: handleClose,
-            "aria-label": MESSAGE_CLOSE_ARIA_LABEL,
+            "aria-label": message.closeAriaLabel ?? MESSAGE_CLOSE_ARIA_LABEL,
             type: "button",
             children: /* @__PURE__ */ jsx(StatusIcon, { path: messageCloseIconPath, className: "w-4 h-4" })
           }

package/dist/{chunk-LAKPYMBZ.mjs → chunk-PAS347EX.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/InfiniteScroll.tsx
 import { useCallback, useEffect, useMemo, useRef } from "react";

package/dist/{chunk-V23KR23W.mjs → chunk-PGD5RPKF.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-YSIXURBW.mjs";
+
 // src/components/Rate.tsx
 import { useState, useMemo, useCallback } from "react";
 import {
@@ -8,7 +12,9 @@ import {
   rateHoverColor,
   starPathD,
   starViewBox,
-  classNames
+  classNames,
+  mergeTigerLocale,
+  getRateLabels
 } from "@expcat/tigercat-core";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var Rate = ({
@@ -20,10 +26,21 @@ var Rate = ({
   allowClear = true,
   character,
   className,
+  locale,
+  labels: labelsOverride,
   onChange,
   onHoverChange
 }) => {
+  const config = useTigerConfig();
   const [hoverValue, setHoverValue] = useState(0);
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(
+    () => getRateLabels(mergedLocale, labelsOverride),
+    [mergedLocale, labelsOverride]
+  );
   const displayValue = hoverValue > 0 ? hoverValue : value;
   const isChar = !!character;
   const getStarValue = useCallback((index, isHalf) => {
@@ -143,13 +160,13 @@ var Rate = ({
     handleMouseMove,
     handleMouseLeave
   ]);
-  const valueText = `${value} star${value === 1 ? "" : "s"}`;
+  const valueText = labels.valueText.replace("{value}", String(value)).replace("{plural}", value === 1 ? "" : "s");
   return /* @__PURE__ */ jsx(
     "div",
     {
       className: classNames(rateBaseClasses, className),
       role: "slider",
-      "aria-label": "Rating",
+      "aria-label": labels.ariaLabel,
       "aria-valuemin": 0,
       "aria-valuemax": count,
       "aria-valuenow": value,

package/dist/{chunk-SHDQJ5BJ.mjs → chunk-PU3JY6RE.mjs}

@@ -1,6 +1,6 @@
 import {
   TaskBoard
-} from "./chunk-GCOA4AO6.mjs";
+} from "./chunk-773LH7BK.mjs";
 
 // src/components/Kanban.tsx
 import { jsx } from "react/jsx-runtime";

package/dist/{chunk-R67HTROL.mjs → chunk-PXRZ6CKY.mjs}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-Y5X3G2LD.mjs";
 import {
   Input
-} from "./chunk-NRWH5IWZ.mjs";
+} from "./chunk-F6WV53BS.mjs";
 import {
   Empty
-} from "./chunk-NJHZQBA7.mjs";
+} from "./chunk-W7BC4I2Y.mjs";
 import {
   Textarea
 } from "./chunk-UYJJLHVA.mjs";
@@ -15,7 +15,7 @@ import {
 } from "./chunk-5TE7KLE5.mjs";
 import {
   Avatar
-} from "./chunk-4ZZ7YRTB.mjs";
+} from "./chunk-OO562MFD.mjs";
 
 // src/components/ChatWindow.tsx
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";

package/dist/{chunk-Z6BDNV3S.mjs → chunk-QB5472NM.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/Timeline.tsx
 import { useMemo } from "react";

package/dist/{chunk-BSXPB2V6.mjs → chunk-QGZ32NFQ.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-DKNVSQSV.mjs";
 import {
   ChartLegend
-} from "./chunk-ZG2W4HS5.mjs";
+} from "./chunk-F2ITBDUS.mjs";
 
 // src/components/PieChart.tsx
 import { useId, useMemo } from "react";

package/dist/{chunk-2GSXSLGC.mjs → chunk-QOKITTSP.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-MEFARVQI.mjs";
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/DatePicker.tsx
 import {
@@ -62,7 +62,6 @@ function useDatePickerState(props) {
     format = "yyyy-MM-dd"
   } = props;
   const isRangeMode = isRangeDatePicker(props);
-  const placeholder = props.placeholder ?? (isRangeMode ? "Select date range" : "Select date");
   const divProps = (({
     value: _value,
     defaultValue: _defaultValue,
@@ -165,6 +164,7 @@ function useDatePickerState(props) {
     () => getDatePickerLabels(mergedLocale, props.labels),
     [mergedLocale, props.labels]
   );
+  const placeholder = props.placeholder ?? (isRangeMode ? labels.rangePlaceholder : labels.placeholder);
   const mobileDate = useMemo(() => {
     if (!isRangeMode) return selectedDate ?? normalizeDate(/* @__PURE__ */ new Date());
     const [start, end] = selectedRange;
@@ -526,7 +526,7 @@ function renderDatePickerMobile(ctx) {
             {
               className: datePickerMobileWheelSelectClasses,
               value: ctx.mobileDate.getFullYear(),
-              "aria-label": "Year",
+              "aria-label": ctx.labels.year,
               onChange: (event) => ctx.updateMobileDate("year", Number(event.target.value)),
               children: ctx.mobileYears.map((year) => /* @__PURE__ */ jsx("option", { value: year, children: year }, year))
             }
@@ -536,7 +536,7 @@ function renderDatePickerMobile(ctx) {
             {
               className: datePickerMobileWheelSelectClasses,
               value: ctx.mobileDate.getMonth(),
-              "aria-label": "Month",
+              "aria-label": ctx.labels.month,
               onChange: (event) => ctx.updateMobileDate("month", Number(event.target.value)),
               children: Array.from({ length: 12 }, (_, month) => /* @__PURE__ */ jsx("option", { value: month, children: month + 1 }, month))
             }
@@ -546,7 +546,7 @@ function renderDatePickerMobile(ctx) {
             {
               className: datePickerMobileWheelSelectClasses,
               value: ctx.mobileDate.getDate(),
-              "aria-label": "Day",
+              "aria-label": ctx.labels.day,
               onChange: (event) => ctx.updateMobileDate("day", Number(event.target.value)),
               children: ctx.mobileDays.map((day) => /* @__PURE__ */ jsx("option", { value: day, children: day }, day))
             }

package/dist/{chunk-MMWF2OPA.mjs → chunk-SHCBCM2W.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/Cascader.tsx
 import { useCallback, useEffect, useId, useMemo, useRef, useState } from "react";
@@ -217,7 +217,7 @@ var Cascader = (props) => {
               {
                 className: "flex items-center",
                 role: "button",
-                "aria-label": "Clear selection",
+                "aria-label": resolveLocaleText("Clear selection", mergedLocale?.common?.clearText),
                 onClick: handleClear,
                 children: /* @__PURE__ */ jsx(
                   "svg",
@@ -262,7 +262,10 @@ var Cascader = (props) => {
               placeholder: resolveLocaleText("Search...", mergedLocale?.common?.searchPlaceholder),
               value: searchQuery,
               onChange: (e) => updateSearchValue(e.target.value),
-              "aria-label": "Search options"
+              "aria-label": resolveLocaleText(
+                "Search options",
+                mergedLocale?.common?.searchPlaceholder
+              )
             }
           ),
           isSearchMode ? (

package/dist/{chunk-WKTIDYPD.mjs → chunk-SZBYEGKU.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-SEWNVIHH.mjs";
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/ImagePreview.tsx
 import { useState, useRef, useEffect, useMemo, useCallback } from "react";

package/dist/{chunk-QWOE4FGJ.mjs → chunk-TDFLUDRM.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-YSIXURBW.mjs";
+
 // src/components/CronEditor.tsx
 import { useMemo, useState } from "react";
 import {
@@ -10,14 +14,15 @@ import {
   cronEditorLabelClasses,
   cronFieldMetas,
   defaultCronExpression,
-  defaultCronPresets,
   getCronEditorControlClasses,
+  getCronEditorLabels,
   getCronFieldIssue,
   getCronFieldValue,
+  mergeTigerLocale,
   normalizeCronExpression,
   parseCronFieldControl,
   updateCronExpressionField,
-  validateCronExpression
+  validateCronExpressionWithLabels
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var modeOptions = [
@@ -27,31 +32,82 @@ var modeOptions = [
   { label: "Range", value: "range" },
   { label: "Custom", value: "custom" }
 ];
+function formatCronControlLabel(template, field) {
+  return template.replace("{field}", field);
+}
 var CronEditor = ({
   value,
   defaultValue = defaultCronExpression,
   disabled = false,
   readonly = false,
   size = "md",
-  presets = defaultCronPresets,
-  ariaLabel = "Cron editor",
+  presets,
+  ariaLabel,
+  locale,
+  labels: labelsOverride,
   className,
   onChange,
   onValidate
 }) => {
+  const config = useTigerConfig();
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(
+    () => getCronEditorLabels(mergedLocale, labelsOverride),
+    [mergedLocale, labelsOverride]
+  );
+  const fieldLabels = useMemo(
+    () => ({
+      minute: labels.minuteLabel,
+      hour: labels.hourLabel,
+      dayOfMonth: labels.dayOfMonthLabel,
+      month: labels.monthLabel,
+      dayOfWeek: labels.dayOfWeekLabel
+    }),
+    [labels]
+  );
+  const localizedMetas = useMemo(
+    () => cronFieldMetas.map((meta) => ({ ...meta, label: fieldLabels[meta.key] })),
+    [fieldLabels]
+  );
+  const resolvedPresets = useMemo(
+    () => presets ?? [
+      { label: labels.everyMinutePreset, value: "* * * * *" },
+      { label: labels.hourlyPreset, value: "0 * * * *" },
+      { label: labels.dailyPreset, value: "0 0 * * *" },
+      { label: labels.weeklyPreset, value: "0 0 * * 1" },
+      { label: labels.monthlyPreset, value: "0 0 1 * *" }
+    ],
+    [labels, presets]
+  );
+  const modeLabels = useMemo(
+    () => ({
+      any: labels.modeAnyLabel,
+      every: labels.modeEveryLabel,
+      specific: labels.modeSpecificLabel,
+      range: labels.modeRangeLabel,
+      custom: labels.modeCustomLabel
+    }),
+    [labels]
+  );
   const [innerValue, setInnerValue] = useState(defaultValue);
   const expression = value ?? innerValue;
-  const validation = useMemo(() => validateCronExpression(expression), [expression]);
+  const validation = useMemo(
+    () => validateCronExpressionWithLabels(expression, labels, fieldLabels),
+    [expression, labels, fieldLabels]
+  );
   const inactive = disabled || readonly;
   function commit(nextValue) {
     const normalized = normalizeCronExpression(nextValue);
-    const nextValidation = validateCronExpression(normalized);
+    const nextValidation = validateCronExpressionWithLabels(normalized, labels, fieldLabels);
     if (value === void 0) setInnerValue(normalized);
     onChange?.(normalized, nextValidation);
     onValidate?.(nextValidation);
   }
   function handleRawExpressionChange(nextValue) {
-    const nextValidation = validateCronExpression(nextValue);
+    const nextValidation = validateCronExpressionWithLabels(nextValue, labels, fieldLabels);
     if (value === void 0) setInnerValue(nextValue);
     onChange?.(nextValue, nextValidation);
     onValidate?.(nextValidation);
@@ -82,7 +138,7 @@ var CronEditor = ({
           className: getCronEditorControlClasses(size),
           value: control.step ?? 1,
           disabled: inactive,
-          "aria-label": `${meta.label} step`,
+          "aria-label": formatCronControlLabel(labels.stepAriaLabel, meta.label),
           onChange: (event) => handleFieldRawChange(
             meta,
             buildCronFieldValue({ ...control, step: Number(event.target.value) }, meta)
@@ -100,7 +156,7 @@ var CronEditor = ({
           className: getCronEditorControlClasses(size),
           value: control.value ?? meta.min,
           disabled: inactive,
-          "aria-label": `${meta.label} value`,
+          "aria-label": formatCronControlLabel(labels.valueAriaLabel, meta.label),
           onChange: (event) => handleFieldRawChange(
             meta,
             buildCronFieldValue({ ...control, value: Number(event.target.value) }, meta)
@@ -119,7 +175,7 @@ var CronEditor = ({
             className: getCronEditorControlClasses(size),
             value: control.start ?? meta.min,
             disabled: inactive,
-            "aria-label": `${meta.label} range start`,
+            "aria-label": formatCronControlLabel(labels.rangeStartAriaLabel, meta.label),
             onChange: (event) => handleFieldRawChange(
               meta,
               buildCronFieldValue({ ...control, start: Number(event.target.value) }, meta)
@@ -135,7 +191,7 @@ var CronEditor = ({
             className: getCronEditorControlClasses(size),
             value: control.end ?? meta.max,
             disabled: inactive,
-            "aria-label": `${meta.label} range end`,
+            "aria-label": formatCronControlLabel(labels.rangeEndAriaLabel, meta.label),
             onChange: (event) => handleFieldRawChange(
               meta,
               buildCronFieldValue({ ...control, end: Number(event.target.value) }, meta)
@@ -151,7 +207,7 @@ var CronEditor = ({
         className: getCronEditorControlClasses(size),
         value: control.raw,
         disabled: inactive,
-        "aria-label": `${meta.label} custom value`,
+        "aria-label": formatCronControlLabel(labels.customValueAriaLabel, meta.label),
         onChange: (event) => handleFieldRawChange(meta, event.target.value)
       }
     );
@@ -161,7 +217,7 @@ var CronEditor = ({
     {
       className: classNames(cronEditorBaseClasses, className),
       role: "group",
-      "aria-label": ariaLabel,
+      "aria-label": ariaLabel ?? labels.ariaLabel,
       children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 sm:flex-row", children: [
           /* @__PURE__ */ jsx(
@@ -172,29 +228,29 @@ var CronEditor = ({
               value: expression,
               disabled,
               readOnly: readonly,
-              "aria-label": "Cron expression",
+              "aria-label": labels.expressionAriaLabel,
               onChange: (event) => handleRawExpressionChange(event.target.value)
             }
           ),
-          presets.length > 0 && /* @__PURE__ */ jsxs(
+          resolvedPresets.length > 0 && /* @__PURE__ */ jsxs(
             "select",
             {
               className: getCronEditorControlClasses(size),
-              value: presets.some((preset) => preset.value === expression) ? expression : "",
+              value: resolvedPresets.some((preset) => preset.value === expression) ? expression : "",
               disabled: inactive,
-              "aria-label": "Cron preset",
+              "aria-label": labels.presetAriaLabel,
               onChange: (event) => {
                 if (event.target.value) commit(event.target.value);
               },
               children: [
-                /* @__PURE__ */ jsx("option", { value: "", children: "Preset" }),
-                presets.map((preset) => /* @__PURE__ */ jsx("option", { value: preset.value, children: preset.label }, preset.value))
+                /* @__PURE__ */ jsx("option", { value: "", children: labels.presetPlaceholder }),
+                resolvedPresets.map((preset) => /* @__PURE__ */ jsx("option", { value: preset.value, children: preset.label }, preset.value))
               ]
             }
           )
         ] }),
         validation.issues.filter((issue) => issue.field === "expression").map((issue) => /* @__PURE__ */ jsx("div", { className: cronEditorErrorClasses, children: issue.message }, issue.message)),
-        /* @__PURE__ */ jsx("div", { className: cronEditorFieldsClasses, children: cronFieldMetas.map((meta) => {
+        /* @__PURE__ */ jsx("div", { className: cronEditorFieldsClasses, children: localizedMetas.map((meta) => {
           const raw = getCronFieldValue(expression, meta.key);
           const control = parseCronFieldControl(raw);
           const issue = getCronFieldIssue(validation, meta.key);
@@ -206,9 +262,9 @@ var CronEditor = ({
                 className: getCronEditorControlClasses(size, !!issue),
                 value: control.mode,
                 disabled: inactive,
-                "aria-label": `${meta.label} mode`,
+                "aria-label": formatCronControlLabel(labels.modeAriaLabel, meta.label),
                 onChange: (event) => handleModeChange(meta, control, event.target.value),
-                children: modeOptions.map((mode) => /* @__PURE__ */ jsx("option", { value: mode.value, children: mode.label }, mode.value))
+                children: modeOptions.map((mode) => /* @__PURE__ */ jsx("option", { value: mode.value, children: modeLabels[mode.value] }, mode.value))
               }
             ),
             renderFieldControl(meta, control),

package/dist/{chunk-4F3UTDFE.mjs → chunk-TFMEHUVZ.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/QRCode.tsx
 import { useMemo } from "react";

package/dist/chunk-TGXBCKOU.mjs

@@ -0,0 +1,35 @@
+// src/utils/global-locale.ts
+var nextGlobalTigerLocaleId = 0;
+var globalTigerLocaleStack = [];
+function createGlobalTigerLocaleHandle(locale) {
+  const entry = {
+    id: ++nextGlobalTigerLocaleId,
+    locale
+  };
+  globalTigerLocaleStack.push(entry);
+  return {
+    update(nextLocale) {
+      entry.locale = nextLocale;
+    },
+    dispose() {
+      const index = globalTigerLocaleStack.findIndex((item) => item.id === entry.id);
+      if (index !== -1) {
+        globalTigerLocaleStack.splice(index, 1);
+      }
+    }
+  };
+}
+function getGlobalTigerLocale() {
+  for (let index = globalTigerLocaleStack.length - 1; index >= 0; index -= 1) {
+    const locale = globalTigerLocaleStack[index]?.locale;
+    if (locale) {
+      return locale;
+    }
+  }
+  return void 0;
+}
+
+export {
+  createGlobalTigerLocaleHandle,
+  getGlobalTigerLocale
+};

package/dist/{chunk-3OBUJIJI.mjs → chunk-TO2URY7X.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/TreeSelect.tsx
 import { useState, useMemo, useRef, useEffect, useId } from "react";
@@ -197,7 +197,7 @@ var TreeSelect = (props) => {
             "span",
             {
               className: "absolute right-2 top-1/2 -translate-y-1/2 text-[var(--tiger-treeselect-clear,var(--tiger-text-muted,#9ca3af))] hover:text-[var(--tiger-treeselect-clear-hover,var(--tiger-text,#111827))]",
-              "aria-label": "Clear selection",
+              "aria-label": resolveLocaleText("Clear selection", mergedLocale?.common?.clearText),
               onClick: handleClear,
               children: /* @__PURE__ */ jsx(
                 "svg",
@@ -231,7 +231,7 @@ var TreeSelect = (props) => {
           className: treeSelectSearchClasses,
           placeholder: resolveLocaleText("Search...", mergedLocale?.common?.searchPlaceholder),
           value: searchQuery,
-          "aria-label": "Search tree",
+          "aria-label": resolveLocaleText("Search tree", mergedLocale?.common?.searchPlaceholder),
           onChange: (e) => updateSearchValue(e.target.value)
         }
       ),

package/dist/{chunk-VKIGZWRK.mjs → chunk-TORX7SG4.mjs}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-SEWNVIHH.mjs";
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/Drawer.tsx
 import React, { useCallback, useEffect, useId, useMemo, useRef } from "react";

package/dist/{chunk-LOM6NNQK.mjs → chunk-U7RLVY67.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/ImageViewer.tsx
 import { useState, useCallback, useEffect, useMemo, useRef } from "react";

package/dist/{chunk-XSAKD4MX.mjs → chunk-UHK2ISKR.mjs}

@@ -1,12 +1,13 @@
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/Transfer.tsx
 import { useState, useMemo } from "react";
 import {
   resolveLocaleText,
   mergeTigerLocale,
+  getTransferLabels,
   transferBaseClasses,
   transferPanelClasses,
   transferPanelHeaderClasses,
@@ -55,14 +56,15 @@ var Transfer = (props) => {
     searchable = false,
     searchValue,
     defaultSearchValue,
-    sourceTitle = "Source",
-    targetTitle = "Target",
+    sourceTitle,
+    targetTitle,
     emptyText,
     filterOption,
     className,
     onChange,
     onSearchChange,
     locale,
+    labels: labelsOverride,
     ...rest
   } = props;
   const resolvedValue = value ?? targetKeys ?? EMPTY_TRANSFER_VALUE;
@@ -71,6 +73,14 @@ var Transfer = (props) => {
     () => mergeTigerLocale(config.locale, locale),
     [config.locale, locale]
   );
+  const labels = useMemo(
+    () => getTransferLabels(mergedLocale, {
+      ...labelsOverride,
+      sourceTitle,
+      targetTitle
+    }),
+    [mergedLocale, labelsOverride, sourceTitle, targetTitle]
+  );
   const divProps = {};
   for (const key of Object.keys(rest)) {
     if (!TRANSFER_KEYS.has(key)) {
@@ -165,7 +175,7 @@ var Transfer = (props) => {
           className: transferSearchClasses,
           placeholder: resolveLocaleText("Search...", mergedLocale?.common?.searchPlaceholder),
           value: searchValue2,
-          "aria-label": `Search ${title}`,
+          "aria-label": labels.searchAriaLabel.replace("{title}", title),
           onChange: (e) => onSearchInput(e.target.value)
         }
       ),
@@ -173,7 +183,7 @@ var Transfer = (props) => {
         "div",
         {
           className: transferPanelBodyClasses,
-          ...getPickerListboxAria({ label: `${title} items` }),
+          ...getPickerListboxAria({ label: labels.itemsAriaLabel.replace("{title}", title) }),
           children: items.length > 0 ? items.map((item) => {
             const isSelected = selectedKeys.has(item.key);
             const isDisabled = disabled || !!item.disabled;
@@ -207,7 +217,7 @@ var Transfer = (props) => {
   }
   return /* @__PURE__ */ jsxs("div", { className: classNames(transferBaseClasses, className), ...divProps, children: [
     renderPanel(
-      sourceTitle,
+      labels.sourceTitle,
       filteredSourceItems,
       sourceSelectedKeys,
       toggleSourceItem,
@@ -221,7 +231,7 @@ var Transfer = (props) => {
           type: "button",
           className: getTransferButtonClasses(!canMoveRight),
           disabled: !canMoveRight,
-          "aria-label": "Move selected to target",
+          "aria-label": labels.moveToTargetAriaLabel,
           onClick: moveRight,
           children: /* @__PURE__ */ jsx(
             "svg",
@@ -241,7 +251,7 @@ var Transfer = (props) => {
           type: "button",
           className: getTransferButtonClasses(!canMoveLeft),
           disabled: !canMoveLeft,
-          "aria-label": "Move selected to source",
+          "aria-label": labels.moveToSourceAriaLabel,
           onClick: moveLeft,
           children: /* @__PURE__ */ jsx(
             "svg",
@@ -257,7 +267,7 @@ var Transfer = (props) => {
       )
     ] }),
     renderPanel(
-      targetTitle,
+      labels.targetTitle,
       filteredTargetItems,
       targetSelectedKeys,
       toggleTargetItem,