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

package/dist/{chunk-RCUL6RZU.mjs → chunk-MXXAJSRS.mjs}

@@ -1,6 +1,9 @@
 import {
   useControlledState
 } from "./chunk-MEFARVQI.mjs";
+import {
+  useTigerConfig
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/MarkdownEditor.tsx
 import { useCallback, useMemo, useRef } from "react";
@@ -20,9 +23,10 @@ import {
   markdownEditorToolbarClasses,
   markdownEditorToolbarGroupClasses,
   markdownEditorToolbarSeparatorClasses,
-  markdownModeLabels,
   parseMarkdownHeight,
-  renderMarkdownToHtml
+  renderMarkdownToHtml,
+  mergeTigerLocale,
+  getMarkdownEditorLabels
 } from "@expcat/tigercat-core";
 import { jsx, jsxs } from "react/jsx-runtime";
 var modes = ["edit", "split", "preview"];
@@ -46,12 +50,15 @@ var MarkdownEditor = ({
   readOnly = false,
   disabled = false,
   renderer,
+  locale,
+  labels: labelsOverride,
   onChange,
   onModeChange,
   className,
   style,
   ...restProps
 }) => {
+  const config = useTigerConfig();
   const textareaRef = useRef(null);
   const [currentValue, commitValue] = useControlledState(value, defaultValue, onChange);
   const [currentMode, commitMode] = useControlledState(mode, defaultMode, onModeChange);
@@ -67,6 +74,19 @@ var MarkdownEditor = ({
     const parsedHeight = parseMarkdownHeight(height);
     return { ...parsedHeight ? { height: parsedHeight } : {}, ...style };
   }, [height, style]);
+  const mergedLocale = useMemo(
+    () => mergeTigerLocale(config.locale, locale),
+    [config.locale, locale]
+  );
+  const labels = useMemo(
+    () => getMarkdownEditorLabels(mergedLocale, labelsOverride),
+    [mergedLocale, labelsOverride]
+  );
+  const modeLabels = {
+    edit: labels.editModeLabel,
+    split: labels.splitModeLabel,
+    preview: labels.previewModeLabel
+  };
   const applyToolbarButton = useCallback(
     (button) => {
       if (readOnly || disabled) return;
@@ -119,7 +139,7 @@ var MarkdownEditor = ({
         !currentValue ? markdownEditorEmptyPreviewClasses : void 0
       ),
       role: "region",
-      "aria-label": "Markdown preview",
+      "aria-label": labels.previewAriaLabel,
       ...currentValue ? { dangerouslySetInnerHTML: { __html: previewHtml } } : {},
       children: currentValue ? null : placeholder
     }
@@ -138,7 +158,7 @@ var MarkdownEditor = ({
             {
               className: markdownEditorToolbarGroupClasses,
               role: "toolbar",
-              "aria-label": "Markdown formatting",
+              "aria-label": labels.formattingToolbarAriaLabel,
               children: toolbarItems.map((item, index) => {
                 if (isMarkdownToolbarSeparator(item)) {
                   return /* @__PURE__ */ jsx(
@@ -172,17 +192,17 @@ var MarkdownEditor = ({
             {
               className: markdownEditorToolbarGroupClasses,
               role: "toolbar",
-              "aria-label": "Markdown view mode",
+              "aria-label": labels.modeToolbarAriaLabel,
               children: modes.map((item) => /* @__PURE__ */ jsx(
                 "button",
                 {
                   type: "button",
                   className: getMarkdownToolbarButtonClasses(currentMode === item),
-                  "aria-label": markdownModeLabels[item],
+                  "aria-label": modeLabels[item],
                   "aria-pressed": currentMode === item,
                   disabled,
                   onClick: () => commitMode(item),
-                  children: markdownModeLabels[item]
+                  children: modeLabels[item]
                 },
                 item
               ))
@@ -202,7 +222,7 @@ var MarkdownEditor = ({
               readOnly: readOnly || disabled,
               disabled,
               spellCheck: true,
-              "aria-label": "Markdown editor",
+              "aria-label": labels.editorAriaLabel,
               "aria-multiline": true
             }
           ),

package/dist/{chunk-KWVA2DN3.mjs → chunk-O5RAMCBV.mjs}

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

package/dist/{chunk-ZRZB3C5J.mjs → chunk-OIGEBCAS.mjs}

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

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-YLVXXP7E.mjs → chunk-PAN256RW.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-QAIBQHIO.mjs";
+} from "./chunk-YSIXURBW.mjs";
 
 // src/components/Select.tsx
 import {
@@ -645,7 +645,7 @@ var Select = (props) => {
       {
         ref: ctx.triggerRef,
         type: "button",
-        className: classNames2(ctx.triggerClasses, "pr-16"),
+        className: classNames2(ctx.triggerClasses, ctx.showClearButton ? "pr-14" : "pr-9"),
         disabled: ctx.disabled,
         onClick: ctx.toggleDropdown,
         onKeyDown: ctx.handleTriggerKeyDown,

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-2GSXSLGC.mjs → chunk-PYDWF4ED.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;
@@ -426,8 +426,8 @@ function useDatePickerState(props) {
     }, 0);
   }, [isOpen, focusDateButtonByIso, getFirstEnabledIsoInView]);
   const inputClasses = useMemo(
-    () => getDatePickerInputClasses(size, disabled || readonly),
-    [size, disabled, readonly]
+    () => getDatePickerInputClasses(size, disabled || readonly, showClearButton),
+    [size, disabled, readonly, showClearButton]
   );
   const iconButtonClasses = useMemo(() => getDatePickerIconButtonClasses(size), [size]);
   return {
@@ -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-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-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
+};