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

package/dist/{chunk-YJSWHGAR.mjs → chunk-LFENEILY.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/TreeSelect.ts
 import { defineComponent, h, ref, computed, watch, onBeforeUnmount } from "vue";
@@ -267,7 +267,10 @@ var TreeSelect = defineComponent({
               "span",
               {
                 class: "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.value?.common?.clearText
+                ),
                 onClick: handleClear
               },
               [ClearIcon]
@@ -297,7 +300,10 @@ var TreeSelect = defineComponent({
                 mergedLocale.value?.common?.searchPlaceholder
               ),
               value: searchQuery.value,
-              "aria-label": "Search tree",
+              "aria-label": resolveLocaleText(
+                "Search tree",
+                mergedLocale.value?.common?.searchPlaceholder
+              ),
               onInput: (e) => updateSearchValue(e.target.value)
             }) : null,
             // Tree nodes

package/dist/{chunk-GVLLO45Y.mjs → chunk-LOC5B4YM.mjs}

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

package/dist/{chunk-36WSYHJU.mjs → chunk-LPZBXTJ6.mjs}

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

package/dist/{chunk-O4F75KHL.mjs → chunk-MAKOSWR6.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-FDKJOVXG.mjs → chunk-MNSVJBNH.mjs}

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

package/dist/{chunk-E7NE5HEC.mjs → chunk-NEEGXKJW.mjs}

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

package/dist/{chunk-JPCMI3A4.mjs → chunk-NGAA73CV.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-AZXS4QWC.mjs → chunk-NNC75I7F.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-6WF3336O.mjs → chunk-O6BN5R6J.mjs}

@@ -4,7 +4,7 @@ import {
 } from "./chunk-BDTPFPSB.mjs";
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/Loading.ts
 import { defineComponent, computed, h, ref, watch, onUnmounted } from "vue";

package/dist/{chunk-YZATP4VF.mjs → chunk-OHPXOLNB.mjs}

@@ -1,11 +1,15 @@
 import {
   FormContextKey
-} from "./chunk-FAQL7HFW.mjs";
+} from "./chunk-HAUG3OP5.mjs";
+import {
+  FORM_ITEM_CONTROL_INJECTION_KEY
+} from "./chunk-P2LZ2MR5.mjs";
 
 // src/components/FormItem.ts
 import {
   defineComponent,
   inject,
+  provide,
   computed,
   ref,
   watch,
@@ -222,6 +226,13 @@ var FormItem = defineComponent({
     const hasError = computed(() => {
       return !!errorMessage.value;
     });
+    provide(FORM_ITEM_CONTROL_INJECTION_KEY, {
+      status: computed(() => hasError.value ? "error" : void 0),
+      errorMessage: computed(
+        () => hasError.value && !props.showMessage ? errorMessage.value : void 0
+      ),
+      shakeTrigger: computed(() => hasError.value ? shakeTrigger.value : void 0)
+    });
     const describedById = computed(() => {
       return props.showMessage && hasError.value ? errorId : void 0;
     });
@@ -279,8 +290,6 @@ var FormItem = defineComponent({
           {
             id: effectiveFieldId,
             status: !isNativeElement && hasError.value ? "error" : existingProps.status,
-            errorMessage: !isNativeElement && hasError.value && !props.showMessage ? errorMessage.value : existingProps.errorMessage,
-            _shakeTrigger: !isNativeElement && hasError.value ? shakeTrigger.value : void 0,
             "aria-invalid": hasError.value ? "true" : existingProps["aria-invalid"],
             "aria-required": isRequired.value ? "true" : existingProps["aria-required"],
             disabled: conditionState.value.disabled || formContext.value?.disabled ? true : existingProps.disabled,

package/dist/{chunk-WBT3WSRE.mjs → chunk-OHR7IUBQ.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-UOJOJBEU.mjs";
+
 // src/components/RichTextEditor.ts
 import { defineComponent, h, ref, computed, watch, onMounted, onBeforeUnmount } from "vue";
 import {
@@ -15,7 +19,9 @@ import {
   isContentEmpty,
   parseHeight,
   builtinRichTextEngine,
-  isToolbarSeparator
+  isToolbarSeparator,
+  mergeTigerLocale,
+  getRichTextEditorLabels
 } from "@expcat/tigercat-core";
 var RichTextEditor = defineComponent({
   name: "TigerRichTextEditor",
@@ -37,6 +43,8 @@ var RichTextEditor = defineComponent({
     },
     readOnly: { type: Boolean, default: false },
     disabled: { type: Boolean, default: false },
+    locale: { type: Object, default: void 0 },
+    labels: { type: Object, default: void 0 },
     className: { type: String, default: void 0 },
     engine: {
       type: Object,
@@ -45,6 +53,7 @@ var RichTextEditor = defineComponent({
   },
   emits: ["update:value", "change"],
   setup(props, { emit, attrs }) {
+    const config = useTigerConfig();
     const editorRef = ref(null);
     const internalValue = ref(props.defaultValue || "");
     const activeFormats = ref(/* @__PURE__ */ new Set());
@@ -55,6 +64,8 @@ var RichTextEditor = defineComponent({
     );
     const toolbarItems = computed(() => props.toolbar ?? defaultToolbar);
     const isEmpty = computed(() => isContentEmpty(currentContent.value));
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getRichTextEditorLabels(mergedLocale.value, props.labels));
     watch(
       () => props.value,
       (newVal) => {
@@ -123,7 +134,7 @@ var RichTextEditor = defineComponent({
         {
           class: richTextToolbarClasses,
           role: "toolbar",
-          "aria-label": "Text formatting"
+          "aria-label": labels.value.formattingToolbarAriaLabel
         },
         toolbarItems.value.map((item, idx) => {
           if (isToolbarSeparator(item)) {
@@ -158,6 +169,7 @@ var RichTextEditor = defineComponent({
         ref: editorRef,
         class: editorAreaClasses.value,
         role: "textbox",
+        "aria-label": labels.value.editorAriaLabel,
         "aria-multiline": true,
         "aria-readonly": props.readOnly || void 0,
         "aria-disabled": props.disabled || void 0,

package/dist/chunk-P2LZ2MR5.mjs

@@ -0,0 +1,6 @@
+// src/components/FormItemContext.ts
+var FORM_ITEM_CONTROL_INJECTION_KEY = /* @__PURE__ */ Symbol("TigerFormItemControl");
+
+export {
+  FORM_ITEM_CONTROL_INJECTION_KEY
+};

package/dist/{chunk-7BU4TW5A.mjs → chunk-P5FDKBXG.mjs}

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

package/dist/{chunk-2QWGVJW6.mjs → chunk-PQBKN2NH.mjs}

@@ -1,6 +1,6 @@
 import {
   useTigerConfig
-} from "./chunk-R6WFL6NI.mjs";
+} from "./chunk-UOJOJBEU.mjs";
 
 // src/components/Transfer.ts
 import { defineComponent, h, ref, computed } from "vue";
@@ -26,7 +26,8 @@ import {
   chevronLeftSolidIcon20PathD,
   chevronRightSolidIcon20PathD,
   resolveLocaleText,
-  mergeTigerLocale
+  mergeTigerLocale,
+  getTransferLabels
 } from "@expcat/tigercat-core";
 function ArrowIcon(pathD) {
   return h(
@@ -87,11 +88,11 @@ var Transfer = defineComponent({
     },
     sourceTitle: {
       type: String,
-      default: "Source"
+      default: void 0
     },
     targetTitle: {
       type: String,
-      default: "Target"
+      default: void 0
     },
     emptyText: {
       type: String,
@@ -107,12 +108,23 @@ var Transfer = defineComponent({
     locale: {
       type: Object,
       default: void 0
+    },
+    labels: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:modelValue", "update:searchValue", "change", "search-change"],
   setup(props, { emit, attrs }) {
     const config = useTigerConfig();
     const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(
+      () => getTransferLabels(mergedLocale.value, {
+        ...props.labels,
+        sourceTitle: props.sourceTitle,
+        targetTitle: props.targetTitle
+      })
+    );
     const sourceSelectedKeys = ref(/* @__PURE__ */ new Set());
     const targetSelectedKeys = ref(/* @__PURE__ */ new Set());
     const uncontrolledSearchValue = ref({ ...props.defaultSearchValue });
@@ -214,7 +226,7 @@ var Transfer = defineComponent({
             mergedLocale.value?.common?.searchPlaceholder
           ),
           value: searchValue,
-          "aria-label": `Search ${title}`,
+          "aria-label": labels.value.searchAriaLabel.replace("{title}", title),
           onInput: (e) => onSearchInput(e.target.value)
         }) : null,
         // Body
@@ -222,7 +234,9 @@ var Transfer = defineComponent({
           "div",
           {
             class: transferPanelBodyClasses,
-            ...getPickerListboxAria({ label: `${title} items` })
+            ...getPickerListboxAria({
+              label: labels.value.itemsAriaLabel.replace("{title}", title)
+            })
           },
           items.length > 0 ? items.map((item) => {
             const isSelected = selectedKeys.has(item.key);
@@ -266,7 +280,7 @@ var Transfer = defineComponent({
       return h("div", { class: containerClasses }, [
         // Source panel
         renderPanel(
-          props.sourceTitle,
+          labels.value.sourceTitle,
           filteredSourceItems.value,
           sourceSelectedKeys.value,
           toggleSourceItem,
@@ -281,7 +295,7 @@ var Transfer = defineComponent({
               type: "button",
               class: getTransferButtonClasses(!canMoveRight.value),
               disabled: !canMoveRight.value,
-              "aria-label": "Move selected to target",
+              "aria-label": labels.value.moveToTargetAriaLabel,
               onClick: moveRight
             },
             [ArrowIcon(chevronRightSolidIcon20PathD)]
@@ -292,7 +306,7 @@ var Transfer = defineComponent({
               type: "button",
               class: getTransferButtonClasses(!canMoveLeft.value),
               disabled: !canMoveLeft.value,
-              "aria-label": "Move selected to source",
+              "aria-label": labels.value.moveToSourceAriaLabel,
               onClick: moveLeft
             },
             [ArrowIcon(chevronLeftSolidIcon20PathD)]
@@ -300,7 +314,7 @@ var Transfer = defineComponent({
         ]),
         // Target panel
         renderPanel(
-          props.targetTitle,
+          labels.value.targetTitle,
           filteredTargetItems.value,
           targetSelectedKeys.value,
           toggleTargetItem,

package/dist/{chunk-LOX2KCML.mjs → chunk-PYRKFQ6J.mjs}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-HS4YQGZQ.mjs";
 import {
   Input
-} from "./chunk-DZFM7H3M.mjs";
+} from "./chunk-XLNK3Z2P.mjs";
 import {
   Empty
-} from "./chunk-WLHOWOAY.mjs";
+} from "./chunk-SJINC5NF.mjs";
 import {
   Textarea
 } from "./chunk-2OI6GWOT.mjs";
@@ -15,7 +15,7 @@ import {
 } from "./chunk-YZBQ6IR7.mjs";
 import {
   Avatar
-} from "./chunk-XZYFVOOS.mjs";
+} from "./chunk-ZFTRR3KW.mjs";
 
 // src/components/ChatWindow.ts
 import { defineComponent, h, computed, ref, watch, onMounted, onUpdated } from "vue";

package/dist/{chunk-BJV62I73.mjs → chunk-QFG452MD.mjs}

@@ -6,13 +6,13 @@ import {
 } from "./chunk-YZBQ6IR7.mjs";
 import {
   Tag
-} from "./chunk-KRWKO2JQ.mjs";
+} from "./chunk-342DH5CF.mjs";
 import {
   Text
 } from "./chunk-NN6AINLG.mjs";
 import {
   Avatar
-} from "./chunk-XZYFVOOS.mjs";
+} from "./chunk-ZFTRR3KW.mjs";
 
 // src/components/CommentThread.ts
 import { defineComponent, computed, h, ref } from "vue";

package/dist/{chunk-E2GQSWHK.mjs → chunk-QMECRLHW.mjs}

@@ -1,5 +1,11 @@
 // src/components/PrintLayout.ts
-import { defineComponent, h, computed } from "vue";
+import {
+  defineComponent,
+  h,
+  computed,
+  provide,
+  inject
+} from "vue";
 import {
   classNames,
   coerceClassValue,
@@ -8,6 +14,9 @@ import {
   printLayoutFooterClasses,
   printLayoutPageBreakClasses
 } from "@expcat/tigercat-core";
+var PrintLayoutShowPageBreaksKey = /* @__PURE__ */ Symbol(
+  "tigerPrintShowPageBreaks"
+);
 var PrintLayout = defineComponent({
   name: "TigerPrintLayout",
   inheritAttrs: false,
@@ -46,6 +55,10 @@ var PrintLayout = defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
+    provide(
+      PrintLayoutShowPageBreaksKey,
+      computed(() => props.showPageBreaks)
+    );
     const classes = computed(
       () => classNames(
         getPrintLayoutClasses(props.pageSize, props.orientation, props.className),
@@ -87,9 +100,15 @@ var PrintLayout = defineComponent({
 var PrintPageBreak = defineComponent({
   name: "TigerPrintPageBreak",
   setup(_, { attrs }) {
+    const showPageBreaks = inject(PrintLayoutShowPageBreaksKey, null);
     return () => h("div", {
       ...attrs,
-      class: classNames(printLayoutPageBreakClasses, "print:break-before-page"),
+      // Always force the print page break; only show the on-screen dashed indicator
+      // when the enclosing PrintLayout has `showPageBreaks` enabled.
+      class: classNames(
+        (showPageBreaks?.value ?? true) && printLayoutPageBreakClasses,
+        "print:break-before-page"
+      ),
       "aria-hidden": "true"
     });
   }

package/dist/{chunk-UD4FNMJN.mjs → chunk-RANRYFUI.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-UOJOJBEU.mjs";
+
 // src/components/Carousel.ts
 import {
   defineComponent,
@@ -30,7 +34,9 @@ import {
   resolveCarouselSwipeDirection,
   createCarouselAutoplayController,
   carouselPrevArrowPath,
-  carouselNextArrowPath
+  carouselNextArrowPath,
+  mergeTigerLocale,
+  getCarouselLabels
 } from "@expcat/tigercat-core";
 var Carousel = defineComponent({
   name: "TigerCarousel",
@@ -143,10 +149,19 @@ var Carousel = defineComponent({
     style: {
       type: Object,
       default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
+    },
+    labels: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["change", "before-change", "update:currentIndex"],
   setup(props, { slots, emit, attrs, expose }) {
+    const config = useTigerConfig();
     const internalCurrentIndex = ref(props.defaultCurrentIndex);
     const isPaused = ref(false);
     const slideCount = ref(0);
@@ -161,6 +176,8 @@ var Carousel = defineComponent({
         slideCount.value
       )
     );
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getCarouselLabels(mergedLocale.value, props.labels));
     const containerClasses = computed(() => {
       return classNames(getCarouselContainerClasses(props.className), coerceClassValue(attrs.class));
     });
@@ -337,7 +354,7 @@ var Carousel = defineComponent({
           class: getCarouselArrowClasses(type, disabled),
           onClick,
           disabled,
-          "aria-label": type === "prev" ? "Previous slide" : "Next slide"
+          "aria-label": type === "prev" ? labels.value.previousSlideAriaLabel : labels.value.nextSlideAriaLabel
         },
         h(
           "svg",
@@ -369,7 +386,7 @@ var Carousel = defineComponent({
             key: index,
             class: getCarouselDotClasses(index === currentIndex.value),
             onClick: () => goTo(index),
-            "aria-label": `Go to slide ${index + 1}`,
+            "aria-label": labels.value.goToSlideAriaLabel.replace("{index}", String(index + 1)),
             "aria-current": index === currentIndex.value ? "true" : "false"
           })
         );
@@ -378,7 +395,7 @@ var Carousel = defineComponent({
           {
             class: dotsClasses.value,
             role: "tablist",
-            "aria-label": "Carousel navigation"
+            "aria-label": labels.value.navigationAriaLabel
           },
           dots
         );
@@ -393,7 +410,7 @@ var Carousel = defineComponent({
               style: props.effect === "fade" ? slideStyle.value : void 0,
               role: "group",
               "aria-roledescription": "slide",
-              "aria-label": `Slide ${index + 1} of ${slides.length}`,
+              "aria-label": labels.value.slideAriaLabel.replace("{index}", String(index + 1)).replace("{total}", String(slides.length)),
               "aria-hidden": index !== currentIndex.value
             },
             slide
@@ -425,7 +442,7 @@ var Carousel = defineComponent({
           style: props.style,
           role: "region",
           "aria-roledescription": "carousel",
-          "aria-label": "Image carousel",
+          "aria-label": labels.value.ariaLabel,
           onMouseenter: handleMouseEnter,
           onMouseleave: handleMouseLeave,
           onFocusin: handleFocus,

package/dist/{chunk-FT2HWF7P.mjs → chunk-RSM6FOWX.mjs}

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

package/dist/{chunk-GHG2MCLM.mjs → chunk-SJ7W5I5H.mjs}

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

package/dist/{chunk-WLHOWOAY.mjs → chunk-SJINC5NF.mjs}

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

package/dist/{chunk-PLUABMUD.mjs → chunk-SWCK7TM7.mjs}

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

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-EYR27UIE.mjs → chunk-U6OGGZBY.mjs}

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-UOJOJBEU.mjs";
+
 // src/components/Tabs.ts
 import {
   defineComponent,
@@ -26,6 +30,8 @@ import {
   resolveSwipeGesture,
   isKeyActive,
   getNextActiveKey,
+  mergeTigerLocale,
+  getTabsLabels,
   tabAddButtonClasses,
   tabCloseButtonClasses,
   tabContentBaseClasses
@@ -216,7 +222,10 @@ var TabPane = defineComponent({
               {
                 type: "button",
                 class: tabCloseButtonClasses,
-                "aria-label": `Close ${String(props.label)}`,
+                "aria-label": tabsContext.labels.closeTabAriaLabel.replace(
+                  "{label}",
+                  String(props.label)
+                ),
                 tabindex: -1,
                 onClick: handleClose
               },
@@ -353,12 +362,23 @@ var Tabs = defineComponent({
     style: {
       type: Object,
       default: void 0
+    },
+    locale: {
+      type: Object,
+      default: void 0
+    },
+    labels: {
+      type: Object,
+      default: void 0
     }
   },
   emits: ["update:activeKey", "change", "edit", "tab-click"],
   setup(props, { slots, emit }) {
+    const config = useTigerConfig();
     const instance = getCurrentInstance();
     const idBase = `tiger-tabs-${instance?.uid ?? "0"}`;
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getTabsLabels(mergedLocale.value, props.labels));
     const internalActiveKey = ref(props.defaultActiveKey);
     const swipeStart = ref(null);
     let lastTabKeys = [];
@@ -439,6 +459,9 @@ var Tabs = defineComponent({
         return props.swipeable;
       },
       idBase,
+      get labels() {
+        return labels.value;
+      },
       handleTabClick,
       handleTabClose
     });
@@ -533,7 +556,7 @@ var Tabs = defineComponent({
                   type: "button",
                   class: tabAddButtonClasses,
                   onClick: () => emit("edit", { targetKey: void 0, action: "add" }),
-                  "aria-label": "Add tab"
+                  "aria-label": labels.value.addTabAriaLabel
                 },
                 "+"
               ) : null

package/dist/{chunk-DMQLA35L.mjs → chunk-U75YXWSA.mjs}

@@ -1,6 +1,6 @@
 import {
   TaskBoard
-} from "./chunk-2YPPXZ4I.mjs";
+} from "./chunk-EGIMTTZA.mjs";
 
 // src/components/Kanban.ts
 import { defineComponent, h } from "vue";