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

package/dist/{chunk-Z7QUWBFR.mjs → chunk-22NIOTDQ.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/NumberKeyboard.ts
 import { computed, defineComponent, h, ref } from "vue";

package/dist/{chunk-QD5ZCKPR.mjs → chunk-2XCXK3NQ.mjs}

@@ -1,6 +1,6 @@
 import {
   PieChart
-} from "./chunk-AZXS4QWC.mjs";
+} from "./chunk-NNC75I7F.mjs";
 
 // src/components/DonutChart.ts
 import { defineComponent, computed, h, onMounted, ref } from "vue";

package/dist/{chunk-KRWKO2JQ.mjs → chunk-342DH5CF.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/Tag.ts
 import { defineComponent, computed, h, ref } from "vue";

package/dist/{chunk-JCGWN7WV.mjs → chunk-36TZA5BH.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/InfiniteScroll.ts
 import { defineComponent, h, ref, computed, watch, onMounted, onBeforeUnmount } from "vue";

package/dist/{chunk-NYWIBDO6.mjs → chunk-3KITFMBJ.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-W5RZPTFD.mjs";
 import {
   ChartLegend
-} from "./chunk-HLPSHCXO.mjs";
+} from "./chunk-V443QIJM.mjs";
 import {
   ChartSeries
 } from "./chunk-2ZUEXCVJ.mjs";

package/dist/{chunk-B47QLHVW.mjs → chunk-3NQUEQJT.mjs}

@@ -1,15 +1,15 @@
 import {
   Timeline
-} from "./chunk-RTZUIWCN.mjs";
+} from "./chunk-JQSIWPNM.mjs";
 import {
   Link
 } from "./chunk-3MO7A4GU.mjs";
 import {
   Loading
-} from "./chunk-6WF3336O.mjs";
+} from "./chunk-O6BN5R6J.mjs";
 import {
   Tag
-} from "./chunk-KRWKO2JQ.mjs";
+} from "./chunk-342DH5CF.mjs";
 import {
   Text
 } from "./chunk-NN6AINLG.mjs";
@@ -18,7 +18,7 @@ import {
 } from "./chunk-TC6ZPQFT.mjs";
 import {
   Avatar
-} from "./chunk-XZYFVOOS.mjs";
+} from "./chunk-ZFTRR3KW.mjs";
 
 // src/components/ActivityFeed.ts
 import { defineComponent, computed, h } from "vue";

package/dist/{chunk-2JW3TOXM.mjs → chunk-3WQIYF4T.mjs}

@@ -1,15 +1,15 @@
 import {
   Table
-} from "./chunk-2R3SOQSW.mjs";
+} from "./chunk-AWCXUDIL.mjs";
 import {
   Select
-} from "./chunk-GVLLO45Y.mjs";
+} from "./chunk-LOC5B4YM.mjs";
 import {
   Popover
 } from "./chunk-SYRRMZT2.mjs";
 import {
   Input
-} from "./chunk-DZFM7H3M.mjs";
+} from "./chunk-XLNK3Z2P.mjs";
 import {
   Checkbox
 } from "./chunk-MYKKKVGK.mjs";
@@ -18,7 +18,7 @@ import {
 } from "./chunk-YZBQ6IR7.mjs";
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/DataTableWithToolbar.ts
 import {

package/dist/{chunk-YSKG5FSX.mjs → chunk-42P6ZQ3J.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/ImageViewer.ts
 import { defineComponent, h, ref, computed, watch, onMounted, onBeforeUnmount } from "vue";

package/dist/{chunk-V5ZEPAWV.mjs → chunk-4BO6JNA6.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-2TNZ4JNT.mjs";
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/Tour.ts
 import {

package/dist/{chunk-GL63FRI4.mjs → chunk-4SLYX5GK.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/Pagination.ts
 import {

package/dist/{chunk-Z4SG7REU.mjs → chunk-5E4LINDO.mjs}

@@ -21,7 +21,9 @@ var Stepper = defineComponent({
     step: { type: Number, default: 1 },
     disabled: { type: Boolean, default: false },
     size: { type: String, default: "md" },
-    precision: { type: Number, default: void 0 }
+    precision: { type: Number, default: void 0 },
+    incrementAriaLabel: { type: String, default: "Increase" },
+    decrementAriaLabel: { type: String, default: "Decrease" }
   },
   emits: ["update:modelValue", "change"],
   setup(props, { emit, attrs }) {
@@ -105,7 +107,7 @@ var Stepper = defineComponent({
               type: "button",
               class: getStepperButtonClasses(props.size, props.disabled || atMin, "left"),
               disabled: props.disabled || atMin,
-              "aria-label": "Decrease",
+              "aria-label": props.decrementAriaLabel,
               onPointerdown: startStepRepeat("down"),
               onPointerup: stopStepRepeat,
               onPointerleave: stopStepRepeat,
@@ -128,7 +130,7 @@ var Stepper = defineComponent({
               type: "button",
               class: getStepperButtonClasses(props.size, props.disabled || atMax, "right"),
               disabled: props.disabled || atMax,
-              "aria-label": "Increase",
+              "aria-label": props.incrementAriaLabel,
               onPointerdown: startStepRepeat("up"),
               onPointerup: stopStepRepeat,
               onPointerleave: stopStepRepeat,

package/dist/{chunk-FHJ3R57L.mjs → chunk-5KPO3EDM.mjs}

@@ -15,7 +15,7 @@ import {
 } from "./chunk-MI6TL3CQ.mjs";
 import {
   ChartLegend
-} from "./chunk-HLPSHCXO.mjs";
+} from "./chunk-V443QIJM.mjs";
 import {
   ChartSeries
 } from "./chunk-2ZUEXCVJ.mjs";
@@ -40,6 +40,7 @@ import {
   barValueLabelInsideClasses,
   barAnimatedTransition
 } from "@expcat/tigercat-core";
+var DEFAULT_CARTESIAN_PADDING = { top: 24, right: 24, bottom: 52, left: 52 };
 var BarChart = defineComponent({
   name: "TigerBarChart",
   props: {
@@ -53,8 +54,9 @@ var BarChart = defineComponent({
     },
     padding: {
       type: [Number, Object],
-      default: 24
+      default: () => DEFAULT_CARTESIAN_PADDING
     },
+    responsive: { type: Boolean, default: false },
     data: {
       type: Array,
       required: true
@@ -374,6 +376,7 @@ var BarChart = defineComponent({
           width: props.width,
           height: props.height,
           padding: props.padding,
+          responsive: props.responsive,
           title: props.title,
           desc: props.desc,
           className: classNames(props.className)

package/dist/{chunk-CF4GX6BD.mjs → chunk-5RIHHZF6.mjs}

@@ -106,6 +106,14 @@ var InputNumber = defineComponent({
       type: Boolean,
       default: false
     },
+    incrementAriaLabel: {
+      type: String,
+      default: "Increase"
+    },
+    decrementAriaLabel: {
+      type: String,
+      default: "Decrease"
+    },
     className: {
       type: String,
       default: void 0
@@ -271,7 +279,7 @@ var InputNumber = defineComponent({
             {
               type: "button",
               tabindex: -1,
-              "aria-label": "Decrease",
+              "aria-label": props.decrementAriaLabel,
               class: getInputNumberSideButtonClasses("left", props.disabled || atMin.value),
               disabled: props.disabled || atMin.value,
               onPointerdown: startStepRepeat("down"),
@@ -326,7 +334,7 @@ var InputNumber = defineComponent({
             {
               type: "button",
               tabindex: -1,
-              "aria-label": "Increase",
+              "aria-label": props.incrementAriaLabel,
               class: getInputNumberSideButtonClasses("right", props.disabled || atMax.value),
               disabled: props.disabled || atMax.value,
               onPointerdown: startStepRepeat("up"),
@@ -360,7 +368,7 @@ var InputNumber = defineComponent({
               {
                 type: "button",
                 tabindex: -1,
-                "aria-label": "Increase",
+                "aria-label": props.incrementAriaLabel,
                 class: getInputNumberStepButtonClasses("up", props.disabled || atMax.value),
                 disabled: props.disabled || atMax.value,
                 onPointerdown: startStepRepeat("up"),
@@ -387,7 +395,7 @@ var InputNumber = defineComponent({
               {
                 type: "button",
                 tabindex: -1,
-                "aria-label": "Decrease",
+                "aria-label": props.decrementAriaLabel,
                 class: getInputNumberStepButtonClasses("down", props.disabled || atMin.value),
                 disabled: props.disabled || atMin.value,
                 onPointerdown: startStepRepeat("down"),

package/dist/{chunk-6FV2OMB7.mjs → chunk-6LORRRRB.mjs}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HS4YQGZQ.mjs";
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/List.ts
 import {

package/dist/{chunk-CW5TEG7N.mjs → chunk-7CPMXNLK.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/Upload.ts
 import { defineComponent, ref, computed, watch, h } from "vue";

package/dist/{chunk-EQDCFOWR.mjs → chunk-7FWNN6PO.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-UOJOJBEU.mjs";
+
 // src/components/CronEditor.ts
 import { computed, defineComponent, h, ref } from "vue";
 import {
@@ -11,14 +15,15 @@ import {
   cronEditorLabelClasses,
   cronFieldMetas,
   defaultCronExpression,
-  defaultCronPresets,
   getCronEditorControlClasses,
+  getCronEditorLabels,
   getCronFieldIssue,
   getCronFieldValue,
+  mergeTigerLocale,
   normalizeCronExpression,
   parseCronFieldControl,
   updateCronExpressionField,
-  validateCronExpression
+  validateCronExpressionWithLabels
 } from "@expcat/tigercat-core";
 var modeOptions = [
   { label: "Any", value: "any" },
@@ -27,6 +32,9 @@ var modeOptions = [
   { label: "Range", value: "range" },
   { label: "Custom", value: "custom" }
 ];
+function formatCronControlLabel(template, field) {
+  return template.replace("{field}", field);
+}
 var CronEditor = defineComponent({
   name: "TigerCronEditor",
   props: {
@@ -35,25 +43,66 @@ var CronEditor = defineComponent({
     disabled: { type: Boolean, default: false },
     readonly: { type: Boolean, default: false },
     size: { type: String, default: "md" },
-    presets: { type: Array, default: () => defaultCronPresets },
-    ariaLabel: { type: String, default: "Cron editor" }
+    presets: { type: Array, default: void 0 },
+    ariaLabel: { type: String, default: void 0 },
+    locale: { type: Object, default: void 0 },
+    labels: { type: Object, default: void 0 }
   },
   emits: ["update:modelValue", "change", "validate"],
   setup(props, { attrs, emit }) {
+    const config = useTigerConfig();
     const innerValue = ref(props.defaultValue);
     const expression = computed(() => props.modelValue ?? innerValue.value);
-    const validation = computed(() => validateCronExpression(expression.value));
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getCronEditorLabels(mergedLocale.value, props.labels));
+    const fieldLabels = computed(() => ({
+      minute: labels.value.minuteLabel,
+      hour: labels.value.hourLabel,
+      dayOfMonth: labels.value.dayOfMonthLabel,
+      month: labels.value.monthLabel,
+      dayOfWeek: labels.value.dayOfWeekLabel
+    }));
+    const validation = computed(
+      () => validateCronExpressionWithLabels(expression.value, labels.value, fieldLabels.value)
+    );
     const inactive = computed(() => props.disabled || props.readonly);
+    const localizedMetas = computed(
+      () => cronFieldMetas.map((meta) => ({ ...meta, label: fieldLabels.value[meta.key] }))
+    );
+    const resolvedPresets = computed(
+      () => props.presets ?? [
+        { label: labels.value.everyMinutePreset, value: "* * * * *" },
+        { label: labels.value.hourlyPreset, value: "0 * * * *" },
+        { label: labels.value.dailyPreset, value: "0 0 * * *" },
+        { label: labels.value.weeklyPreset, value: "0 0 * * 1" },
+        { label: labels.value.monthlyPreset, value: "0 0 1 * *" }
+      ]
+    );
+    const modeLabels = computed(() => ({
+      any: labels.value.modeAnyLabel,
+      every: labels.value.modeEveryLabel,
+      specific: labels.value.modeSpecificLabel,
+      range: labels.value.modeRangeLabel,
+      custom: labels.value.modeCustomLabel
+    }));
     function commit(nextValue) {
       const normalized = normalizeCronExpression(nextValue);
-      const nextValidation = validateCronExpression(normalized);
+      const nextValidation = validateCronExpressionWithLabels(
+        normalized,
+        labels.value,
+        fieldLabels.value
+      );
       if (props.modelValue === void 0) innerValue.value = normalized;
       emit("update:modelValue", normalized);
       emit("change", normalized, nextValidation);
       emit("validate", nextValidation);
     }
     function handleRawExpressionChange(nextValue) {
-      const nextValidation = validateCronExpression(nextValue);
+      const nextValidation = validateCronExpressionWithLabels(
+        nextValue,
+        labels.value,
+        fieldLabels.value
+      );
       if (props.modelValue === void 0) innerValue.value = nextValue;
       emit("update:modelValue", nextValue);
       emit("change", nextValue, nextValidation);
@@ -83,7 +132,7 @@ var CronEditor = defineComponent({
           class: getCronEditorControlClasses(props.size),
           value: control.step ?? 1,
           disabled: inactive.value,
-          "aria-label": `${meta.label} step`,
+          "aria-label": formatCronControlLabel(labels.value.stepAriaLabel, meta.label),
           onInput: (event) => handleFieldRawChange(
             meta,
             buildCronFieldValue(
@@ -101,7 +150,7 @@ var CronEditor = defineComponent({
           class: getCronEditorControlClasses(props.size),
           value: control.value ?? meta.min,
           disabled: inactive.value,
-          "aria-label": `${meta.label} value`,
+          "aria-label": formatCronControlLabel(labels.value.valueAriaLabel, meta.label),
           onInput: (event) => handleFieldRawChange(
             meta,
             buildCronFieldValue(
@@ -120,7 +169,7 @@ var CronEditor = defineComponent({
             class: getCronEditorControlClasses(props.size),
             value: control.start ?? meta.min,
             disabled: inactive.value,
-            "aria-label": `${meta.label} range start`,
+            "aria-label": formatCronControlLabel(labels.value.rangeStartAriaLabel, meta.label),
             onInput: (event) => handleFieldRawChange(
               meta,
               buildCronFieldValue(
@@ -136,7 +185,7 @@ var CronEditor = defineComponent({
             class: getCronEditorControlClasses(props.size),
             value: control.end ?? meta.max,
             disabled: inactive.value,
-            "aria-label": `${meta.label} range end`,
+            "aria-label": formatCronControlLabel(labels.value.rangeEndAriaLabel, meta.label),
             onInput: (event) => handleFieldRawChange(
               meta,
               buildCronFieldValue(
@@ -152,7 +201,7 @@ var CronEditor = defineComponent({
         class: getCronEditorControlClasses(props.size),
         value: control.raw,
         disabled: inactive.value,
-        "aria-label": `${meta.label} custom value`,
+        "aria-label": formatCronControlLabel(labels.value.customValueAriaLabel, meta.label),
         onInput: (event) => handleFieldRawChange(meta, event.target.value)
       });
     }
@@ -161,7 +210,7 @@ var CronEditor = defineComponent({
       {
         class: classNames(cronEditorBaseClasses, coerceClassValue(attrs.class)),
         role: "group",
-        "aria-label": props.ariaLabel
+        "aria-label": props.ariaLabel ?? labels.value.ariaLabel
       },
       [
         h("div", { class: "flex flex-col gap-2 sm:flex-row" }, [
@@ -174,24 +223,24 @@ var CronEditor = defineComponent({
             value: expression.value,
             disabled: props.disabled,
             readonly: props.readonly,
-            "aria-label": "Cron expression",
+            "aria-label": labels.value.expressionAriaLabel,
             onInput: (event) => handleRawExpressionChange(event.target.value)
           }),
-          props.presets.length > 0 ? h(
+          resolvedPresets.value.length > 0 ? h(
             "select",
             {
               class: getCronEditorControlClasses(props.size),
-              value: props.presets.some((preset) => preset.value === expression.value) ? expression.value : "",
+              value: resolvedPresets.value.some((preset) => preset.value === expression.value) ? expression.value : "",
               disabled: inactive.value,
-              "aria-label": "Cron preset",
+              "aria-label": labels.value.presetAriaLabel,
               onChange: (event) => {
                 const nextValue = event.target.value;
                 if (nextValue) commit(nextValue);
               }
             },
             [
-              h("option", { value: "" }, "Preset"),
-              ...props.presets.map(
+              h("option", { value: "" }, labels.value.presetPlaceholder),
+              ...resolvedPresets.value.map(
                 (preset) => h("option", { key: preset.value, value: preset.value }, preset.label)
               )
             ]
@@ -203,7 +252,7 @@ var CronEditor = defineComponent({
         h(
           "div",
           { class: cronEditorFieldsClasses },
-          cronFieldMetas.map((meta) => {
+          localizedMetas.value.map((meta) => {
             const raw = getCronFieldValue(expression.value, meta.key);
             const control = parseCronFieldControl(raw);
             const issue = getCronFieldIssue(validation.value, meta.key);
@@ -215,7 +264,7 @@ var CronEditor = defineComponent({
                   class: getCronEditorControlClasses(props.size, !!issue),
                   value: control.mode,
                   disabled: inactive.value,
-                  "aria-label": `${meta.label} mode`,
+                  "aria-label": formatCronControlLabel(labels.value.modeAriaLabel, meta.label),
                   onChange: (event) => handleModeChange(
                     meta,
                     control,
@@ -223,7 +272,11 @@ var CronEditor = defineComponent({
                   )
                 },
                 modeOptions.map(
-                  (mode) => h("option", { key: mode.value, value: mode.value }, mode.label)
+                  (mode) => h(
+                    "option",
+                    { key: mode.value, value: mode.value },
+                    modeLabels.value[mode.value]
+                  )
                 )
               ),
               renderFieldControl(meta, control),

package/dist/{chunk-4IZUJJUO.mjs → chunk-7JT5ZIHC.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/ImageCropper.ts
 import {

package/dist/{chunk-6G5FEZLT.mjs → chunk-7XENCCN5.mjs}

@@ -1,16 +1,16 @@
 import {
   TabPane,
   Tabs
-} from "./chunk-EYR27UIE.mjs";
+} from "./chunk-U6OGGZBY.mjs";
 import {
   List
-} from "./chunk-6FV2OMB7.mjs";
+} from "./chunk-6LORRRRB.mjs";
 import {
   Button
 } from "./chunk-YZBQ6IR7.mjs";
 import {
   Loading
-} from "./chunk-6WF3336O.mjs";
+} from "./chunk-O6BN5R6J.mjs";
 import {
   Text
 } from "./chunk-NN6AINLG.mjs";

package/dist/{chunk-2R3SOQSW.mjs → chunk-AWCXUDIL.mjs}

@@ -1,18 +1,18 @@
 import {
   Select
-} from "./chunk-GVLLO45Y.mjs";
+} from "./chunk-LOC5B4YM.mjs";
 import {
   Radio
 } from "./chunk-6BDDX2R4.mjs";
 import {
   Empty
-} from "./chunk-WLHOWOAY.mjs";
+} from "./chunk-SJINC5NF.mjs";
 import {
   Checkbox
 } from "./chunk-MYKKKVGK.mjs";
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/Table.ts
 import {

package/dist/{chunk-GTFAC625.mjs → chunk-BGGHSTMP.mjs}

@@ -71,7 +71,7 @@ var MessageContainer = /* @__PURE__ */ defineComponent({
             {
               class: messageCloseButtonClasses,
               onClick: () => props.onClose?.(message.id),
-              "aria-label": MESSAGE_CLOSE_ARIA_LABEL,
+              "aria-label": message.closeAriaLabel ?? MESSAGE_CLOSE_ARIA_LABEL,
               type: "button"
             },
             createStatusIcon(messageCloseIconPath, "w-4 h-4")

package/dist/{chunk-DOVBKVTB.mjs → chunk-CFH5T3V2.mjs}

@@ -1,15 +1,15 @@
 import {
   Modal
-} from "./chunk-IQNZ4UEA.mjs";
+} from "./chunk-D4APFWWS.mjs";
 import {
   ImageCropper
-} from "./chunk-4IZUJJUO.mjs";
+} from "./chunk-7JT5ZIHC.mjs";
 import {
   Button
 } from "./chunk-YZBQ6IR7.mjs";
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/CropUpload.ts
 import { defineComponent, h, ref, computed } from "vue";

package/dist/{chunk-IQNZ4UEA.mjs → chunk-D4APFWWS.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-BDTPFPSB.mjs";
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/Modal.ts
 import {

package/dist/{chunk-7LCUVR63.mjs → chunk-DCMRB3HR.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-UOJOJBEU.mjs";
+
 // src/components/Rate.ts
 import { defineComponent, h, ref, computed } from "vue";
 import {
@@ -9,7 +13,9 @@ import {
   starPathD,
   starViewBox,
   classNames,
-  coerceClassValue
+  coerceClassValue,
+  mergeTigerLocale,
+  getRateLabels
 } from "@expcat/tigercat-core";
 var Rate = defineComponent({
   name: "TigerRate",
@@ -20,11 +26,16 @@ var Rate = defineComponent({
     disabled: { type: Boolean, default: false },
     size: { type: String, default: "md" },
     allowClear: { type: Boolean, default: true },
-    character: { type: String, default: void 0 }
+    character: { type: String, default: void 0 },
+    locale: { type: Object, default: void 0 },
+    labels: { type: Object, default: void 0 }
   },
   emits: ["update:modelValue", "change", "hover-change"],
   setup(props, { emit, attrs }) {
+    const config = useTigerConfig();
     const hoverValue = ref(0);
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getRateLabels(mergedLocale.value, props.labels));
     const displayValue = computed(
       () => hoverValue.value > 0 ? hoverValue.value : props.modelValue
     );
@@ -153,13 +164,13 @@ var Rate = defineComponent({
           )
         );
       }
-      const valueText = `${props.modelValue} star${props.modelValue === 1 ? "" : "s"}`;
+      const valueText = labels.value.valueText.replace("{value}", String(props.modelValue)).replace("{plural}", props.modelValue === 1 ? "" : "s");
       return h(
         "div",
         {
           class: classNames(rateBaseClasses, coerceClassValue(attrs.class)),
           role: "slider",
-          "aria-label": "Rating",
+          "aria-label": labels.value.ariaLabel,
           "aria-valuemin": 0,
           "aria-valuemax": props.count,
           "aria-valuenow": props.modelValue,

package/dist/{chunk-WYJ5WOT2.mjs → chunk-DWK5GUMB.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/Cascader.ts
 import { defineComponent, computed, ref, h, watch, onBeforeUnmount } from "vue";
@@ -257,7 +257,10 @@ var Cascader = defineComponent({
         {
           class: "flex items-center",
           role: "button",
-          "aria-label": "Clear selection",
+          "aria-label": resolveLocaleText(
+            "Clear selection",
+            mergedLocale.value?.common?.clearText
+          ),
           onClick: handleClear
         },
         [
@@ -319,7 +322,10 @@ var Cascader = defineComponent({
               ),
               value: searchQuery.value,
               onInput: handleSearchInput,
-              "aria-label": "Search options"
+              "aria-label": resolveLocaleText(
+                "Search options",
+                mergedLocale.value?.common?.searchPlaceholder
+              )
             })
           );
         }