@expcat/tigercat-vue 1.4.0 → 2.0.0-preview.1

package/dist/{chunk-MKBIVETW.mjs → chunk-2OI6GWOT.mjs}

@@ -1,5 +1,19 @@
+import {
+  INPUT_GROUP_INJECTION_KEY
+} from "./chunk-VIIGYWUY.mjs";
+
 // src/components/Textarea.ts
-import { defineComponent, computed, ref, watch, onMounted, nextTick, h } from "vue";
+import {
+  defineComponent,
+  computed,
+  ref,
+  watch,
+  onMounted,
+  nextTick,
+  h,
+  inject,
+  getCurrentInstance
+} from "vue";
 import {
   autoResizeTextarea,
   classNames,
@@ -147,6 +161,12 @@ var Textarea = defineComponent({
     blur: null
   },
   setup(props, { emit, attrs }) {
+    const instance = getCurrentInstance();
+    const inputGroup = inject(INPUT_GROUP_INJECTION_KEY, null);
+    const effectiveSize = computed(() => {
+      const hasOwnSize = Object.prototype.hasOwnProperty.call(instance?.vnode.props ?? {}, "size");
+      return hasOwnSize ? props.size : inputGroup?.size ?? props.size;
+    });
     const textareaRef = ref(null);
     const localValue = ref(props.modelValue ?? "");
     watch(
@@ -161,7 +181,7 @@ var Textarea = defineComponent({
     const textareaClasses = computed(
       () => classNames(
         "block",
-        getInputClasses({ size: props.size }),
+        getInputClasses({ size: effectiveSize.value }),
         props.autoResize ? "resize-none" : "resize-y",
         props.className,
         coerceClassValue(attrs.class)

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

@@ -17,6 +17,7 @@ import {
   getTransferButtonClasses,
   splitTransferData,
   filterTransferItems,
+  moveTransferItems,
   getPickerListboxAria,
   getPickerOptionAria,
   coerceClassValue,
@@ -50,7 +51,15 @@ var Transfer = defineComponent({
   props: {
     modelValue: {
       type: Array,
-      default: () => []
+      default: void 0
+    },
+    /**
+     * Target keys alias (core/shared name). Used when `modelValue` /
+     * `v-model` is not bound; `modelValue` takes priority.
+     */
+    targetKeys: {
+      type: Array,
+      default: void 0
     },
     dataSource: {
       type: Array,
@@ -64,10 +73,18 @@ var Transfer = defineComponent({
       type: Boolean,
       default: false
     },
-    showSearch: {
+    searchable: {
       type: Boolean,
       default: false
     },
+    searchValue: {
+      type: Object,
+      default: void 0
+    },
+    defaultSearchValue: {
+      type: Object,
+      default: () => ({})
+    },
     sourceTitle: {
       type: String,
       default: "Source"
@@ -76,7 +93,7 @@ var Transfer = defineComponent({
       type: String,
       default: "Target"
     },
-    notFoundText: {
+    emptyText: {
       type: String,
       default: void 0
     },
@@ -92,18 +109,28 @@ var Transfer = defineComponent({
       default: void 0
     }
   },
-  emits: ["update:modelValue", "change"],
+  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 sourceSelectedKeys = ref(/* @__PURE__ */ new Set());
     const targetSelectedKeys = ref(/* @__PURE__ */ new Set());
-    const sourceSearch = ref("");
-    const targetSearch = ref("");
-    const { sourceItems: _sourceItems, targetItems: _targetItems } = computed(
-      () => splitTransferData(props.dataSource, props.modelValue)
-    ).value;
-    const computedData = computed(() => splitTransferData(props.dataSource, props.modelValue));
+    const uncontrolledSearchValue = ref({ ...props.defaultSearchValue });
+    const resolvedSearchValue = computed(() => props.searchValue ?? uncontrolledSearchValue.value);
+    const sourceSearch = computed(() => resolvedSearchValue.value.source ?? "");
+    const targetSearch = computed(() => resolvedSearchValue.value.target ?? "");
+    function updateSearchValue(panel, value) {
+      const next = { ...resolvedSearchValue.value, [panel]: value };
+      if (props.searchValue === void 0) {
+        uncontrolledSearchValue.value = next;
+      }
+      emit("update:searchValue", next);
+      emit("search-change", next);
+    }
+    const resolvedTargetKeys = computed(() => props.modelValue ?? props.targetKeys ?? []);
+    const computedData = computed(
+      () => splitTransferData(props.dataSource, resolvedTargetKeys.value)
+    );
     const filteredSourceItems = computed(
       () => filterTransferItems(computedData.value.sourceItems, sourceSearch.value, props.filterOption)
     );
@@ -146,29 +173,29 @@ var Transfer = defineComponent({
     }
     function moveRight() {
       if (!canMoveRight.value) return;
-      const keysToMove = [...sourceSelectedKeys.value].filter((key) => {
-        const item = props.dataSource.find((d) => d.key === key);
-        return item && !item.disabled;
-      });
-      const newTargetKeys = [...props.modelValue, ...keysToMove];
+      const { targetKeys: newTargetKeys, movedKeys } = moveTransferItems(
+        "right",
+        resolvedTargetKeys.value,
+        sourceSelectedKeys.value,
+        props.dataSource
+      );
       sourceSelectedKeys.value = /* @__PURE__ */ new Set();
       emit("update:modelValue", newTargetKeys);
-      emit("change", newTargetKeys, "right", keysToMove);
+      emit("change", newTargetKeys, "right", movedKeys);
     }
     function moveLeft() {
       if (!canMoveLeft.value) return;
-      const keysToRemove = new Set(
-        [...targetSelectedKeys.value].filter((key) => {
-          const item = props.dataSource.find((d) => d.key === key);
-          return item && !item.disabled;
-        })
+      const { targetKeys: newTargetKeys, movedKeys } = moveTransferItems(
+        "left",
+        resolvedTargetKeys.value,
+        targetSelectedKeys.value,
+        props.dataSource
       );
-      const newTargetKeys = props.modelValue.filter((k) => !keysToRemove.has(k));
       targetSelectedKeys.value = /* @__PURE__ */ new Set();
       emit("update:modelValue", newTargetKeys);
-      emit("change", newTargetKeys, "left", [...keysToRemove]);
+      emit("change", newTargetKeys, "left", movedKeys);
     }
-    function renderPanel(title, items, selectedKeys, toggleFn, searchValue, onSearch) {
+    function renderPanel(title, items, selectedKeys, toggleFn, searchValue, onSearchInput) {
       return h("div", { class: transferPanelClasses, role: "group", "aria-label": title }, [
         // Header
         h("div", { class: transferPanelHeaderClasses }, [
@@ -179,7 +206,7 @@ var Transfer = defineComponent({
           )
         ]),
         // Search
-        props.showSearch ? h("input", {
+        props.searchable ? h("input", {
           type: "text",
           class: transferSearchClasses,
           placeholder: resolveLocaleText(
@@ -188,7 +215,7 @@ var Transfer = defineComponent({
           ),
           value: searchValue,
           "aria-label": `Search ${title}`,
-          onInput: (e) => onSearch(e.target.value)
+          onInput: (e) => onSearchInput(e.target.value)
         }) : null,
         // Body
         h(
@@ -226,7 +253,7 @@ var Transfer = defineComponent({
               { class: transferEmptyClasses },
               resolveLocaleText(
                 "No data",
-                props.notFoundText,
+                props.emptyText,
                 mergedLocale.value?.common?.emptyText
               )
             )
@@ -244,9 +271,7 @@ var Transfer = defineComponent({
           sourceSelectedKeys.value,
           toggleSourceItem,
           sourceSearch.value,
-          (val) => {
-            sourceSearch.value = val;
-          }
+          (value) => updateSearchValue("source", value)
         ),
         // Operation buttons
         h("div", { class: transferOperationClasses }, [
@@ -280,9 +305,7 @@ var Transfer = defineComponent({
           targetSelectedKeys.value,
           toggleTargetItem,
           targetSearch.value,
-          (val) => {
-            targetSearch.value = val;
-          }
+          (value) => updateSearchValue("target", value)
         )
       ]);
     };

package/dist/{chunk-6K4UE5MK.mjs → chunk-2YPPXZ4I.mjs}

@@ -24,8 +24,13 @@ import {
   taskBoardWipExceededClasses,
   taskBoardAddCardClasses,
   kanbanCardCountClasses,
+  kanbanSwimlaneClasses,
+  kanbanSwimlaneHeaderClasses,
+  kanbanSwimlaneDotClasses,
+  kanbanSwimlaneCollapsedClasses,
   kanbanAddColumnClasses,
   filterColumns,
+  groupBySwimlane,
   getColumnCardCount,
   moveCard,
   reorderColumns,
@@ -77,6 +82,14 @@ var TaskBoard = defineComponent({
     showCardCount: { type: Boolean, default: false },
     allowAddCard: { type: Boolean, default: false },
     allowAddColumn: { type: Boolean, default: false },
+    swimlanes: {
+      type: Array,
+      default: void 0
+    },
+    swimlaneField: {
+      type: String,
+      default: void 0
+    },
     locale: {
       type: Object,
       default: void 0
@@ -296,14 +309,55 @@ var TaskBoard = defineComponent({
         },
         headerContent
       );
-      const cards = column.cards.length > 0 ? column.cards.flatMap((card, i) => {
+      const renderCardNode = (card, originalIndex) => {
         const nodes = [];
-        if (isDropTarget && dragSnap.value.dropIndex === i) {
-          nodes.push(h("div", { key: `drop-${i}`, class: taskBoardDropIndicatorClasses }));
+        if (isDropTarget && dragSnap.value.dropIndex === originalIndex) {
+          nodes.push(
+            h("div", { key: `drop-${originalIndex}`, class: taskBoardDropIndicatorClasses })
+          );
         }
         nodes.push(renderCard(card, column));
         return nodes;
-      }).concat(
+      };
+      const cards = column.cards.length > 0 ? (props.swimlanes && props.swimlaneField ? groupBySwimlane(column.cards, props.swimlanes, props.swimlaneField).map(
+        (group) => h(
+          "div",
+          {
+            key: String(group.swimlane.id),
+            class: kanbanSwimlaneClasses,
+            "data-tiger-kanban-swimlane": "",
+            "data-tiger-kanban-swimlane-id": String(group.swimlane.id)
+          },
+          [
+            h("div", { class: kanbanSwimlaneHeaderClasses }, [
+              group.swimlane.color ? h("span", {
+                class: kanbanSwimlaneDotClasses,
+                style: { backgroundColor: group.swimlane.color }
+              }) : null,
+              h("span", null, group.swimlane.label),
+              h(
+                "span",
+                {
+                  class: "ml-auto text-xs text-[var(--tiger-text-muted,#6b7280)]"
+                },
+                String(group.cards.length)
+              )
+            ]),
+            h(
+              "div",
+              {
+                class: group.swimlane.collapsed ? kanbanSwimlaneCollapsedClasses : ""
+              },
+              group.cards.flatMap(
+                (card) => renderCardNode(
+                  card,
+                  column.cards.findIndex((item) => item.id === card.id)
+                )
+              )
+            )
+          ]
+        )
+      ) : column.cards.flatMap((card, i) => renderCardNode(card, i))).concat(
         isDropTarget && dragSnap.value.dropIndex >= column.cards.length ? [h("div", { key: "drop-end", class: taskBoardDropIndicatorClasses })] : []
       ) : [
         isDropTarget ? h("div", { key: "drop-empty", class: taskBoardDropIndicatorClasses }) : slots["empty-column"] ? slots["empty-column"]({ column }) : h(
@@ -390,7 +444,7 @@ var TaskBoard = defineComponent({
                 }
               }
             },
-            "+ " + resolveLocaleText(labels.value.addCardText)
+            "+ " + resolveLocaleText(labels.value.addColumnText)
           )
         );
       }

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

@@ -1,3 +1,7 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/ImagePreview.ts
 import {
   defineComponent,
@@ -35,7 +39,9 @@ import {
   movePan,
   createPinchState,
   startPinch,
-  movePinch
+  movePinch,
+  getImageViewerLabels,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var svgIcon = (d, cls = "w-5 h-5") => h(
   "svg",
@@ -66,10 +72,19 @@ var ImagePreview = defineComponent({
     maskClosable: { type: Boolean, default: true },
     scaleStep: { type: Number, default: 0.5 },
     minScale: { type: Number, default: 0.25 },
-    maxScale: { type: Number, default: 5 }
+    maxScale: { type: Number, default: 5 },
+    touchSwipeable: { type: Boolean, default: true },
+    touchSwipeThreshold: { type: Number, default: 48 },
+    locale: {
+      type: Object,
+      default: void 0
+    }
   },
   emits: ["update:open", "update:currentIndex", "scale-change"],
   setup(props, { emit }) {
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getImageViewerLabels(mergedLocale.value));
     const scale = ref(1);
     const rotation = ref(0);
     const offsetX = ref(0);
@@ -79,6 +94,13 @@ var ImagePreview = defineComponent({
     const dragStart = ref({ x: 0, y: 0, ox: 0, oy: 0 });
     let panState = createPanState();
     let pinchState = createPinchState();
+    let touchSwipeState = {
+      isTracking: false,
+      startX: 0,
+      startY: 0,
+      currentX: 0,
+      currentY: 0
+    };
     const resetTransform = () => {
       scale.value = 1;
       rotation.value = 0;
@@ -86,6 +108,7 @@ var ImagePreview = defineComponent({
       offsetY.value = 0;
       panState = createPanState();
       pinchState = createPinchState();
+      touchSwipeState.isTracking = false;
     };
     watch(
       () => props.currentIndex,
@@ -171,16 +194,25 @@ var ImagePreview = defineComponent({
     const handleTouchStart = (e) => {
       if (e.touches.length === 2) {
         e.preventDefault();
+        touchSwipeState.isTracking = false;
         pinchState = startPinch(e.touches[0], e.touches[1], scale.value);
         return;
       }
       if (e.touches.length === 1) {
-        panState = startPan(
-          e.touches[0].clientX,
-          e.touches[0].clientY,
-          offsetX.value,
-          offsetY.value
-        );
+        const touch = e.touches[0];
+        if (props.touchSwipeable && props.images.length > 1 && scale.value === 1) {
+          touchSwipeState = {
+            isTracking: true,
+            startX: touch.clientX,
+            startY: touch.clientY,
+            currentX: touch.clientX,
+            currentY: touch.clientY
+          };
+          panState = createPanState();
+          return;
+        }
+        touchSwipeState.isTracking = false;
+        panState = startPan(touch.clientX, touch.clientY, offsetX.value, offsetY.value);
       }
     };
     const handleTouchMove = (e) => {
@@ -200,9 +232,36 @@ var ImagePreview = defineComponent({
         const next = movePan(panState, e.touches[0].clientX, e.touches[0].clientY);
         offsetX.value = next.translateX;
         offsetY.value = next.translateY;
+        return;
+      }
+      if (e.touches.length === 1 && touchSwipeState.isTracking) {
+        const touch = e.touches[0];
+        touchSwipeState.currentX = touch.clientX;
+        touchSwipeState.currentY = touch.clientY;
+        const deltaX = touch.clientX - touchSwipeState.startX;
+        const deltaY = touch.clientY - touchSwipeState.startY;
+        if (Math.abs(deltaX) > 8 && Math.abs(deltaX) > Math.abs(deltaY)) {
+          e.preventDefault();
+        }
       }
     };
-    const handleTouchEnd = () => {
+    const handleTouchEnd = (e) => {
+      if (touchSwipeState.isTracking) {
+        const endedTouch = e?.changedTouches?.[0];
+        const currentX = endedTouch?.clientX ?? touchSwipeState.currentX;
+        const currentY = endedTouch?.clientY ?? touchSwipeState.currentY;
+        const deltaX = currentX - touchSwipeState.startX;
+        const deltaY = currentY - touchSwipeState.startY;
+        const threshold = Math.max(0, props.touchSwipeThreshold);
+        if (Math.abs(deltaX) >= threshold && Math.abs(deltaX) > Math.abs(deltaY) * 1.2) {
+          if (deltaX < 0) {
+            handleNext();
+          } else {
+            handlePrev();
+          }
+        }
+      }
+      touchSwipeState.isTracking = false;
       panState = createPanState();
       pinchState = createPinchState();
     };
@@ -262,7 +321,7 @@ var ImagePreview = defineComponent({
         {
           class: imagePreviewCloseBtnClasses,
           onClick: handleClose,
-          "aria-label": "Close preview",
+          "aria-label": labels.value.closePreviewAriaLabel,
           type: "button"
         },
         [svgIcon(previewCloseIconPath)]
@@ -273,7 +332,7 @@ var ImagePreview = defineComponent({
           {
             class: imagePreviewToolbarBtnClasses,
             onClick: handleZoomOut,
-            "aria-label": "Zoom out",
+            "aria-label": labels.value.zoomOutAriaLabel,
             type: "button"
           },
           [svgIcon(zoomOutIconPath)]
@@ -283,7 +342,7 @@ var ImagePreview = defineComponent({
           {
             class: imagePreviewToolbarBtnClasses,
             onClick: handleReset,
-            "aria-label": "Reset",
+            "aria-label": labels.value.resetAriaLabel,
             type: "button"
           },
           [svgIcon(resetIconPath)]
@@ -293,7 +352,7 @@ var ImagePreview = defineComponent({
           {
             class: imagePreviewToolbarBtnClasses,
             onClick: handleZoomIn,
-            "aria-label": "Zoom in",
+            "aria-label": labels.value.zoomInAriaLabel,
             type: "button"
           },
           [svgIcon(zoomInIconPath)]
@@ -303,7 +362,7 @@ var ImagePreview = defineComponent({
           {
             class: imagePreviewToolbarBtnClasses,
             onClick: handleRotateLeft,
-            "aria-label": "Rotate left",
+            "aria-label": labels.value.rotateLeftAriaLabel,
             type: "button"
           },
           [svgIcon(imageViewerIcons.rotateLeft)]
@@ -313,7 +372,7 @@ var ImagePreview = defineComponent({
           {
             class: imagePreviewToolbarBtnClasses,
             onClick: handleRotateRight,
-            "aria-label": "Rotate right",
+            "aria-label": labels.value.rotateRightAriaLabel,
             type: "button"
           },
           [svgIcon(imageViewerIcons.rotateRight)]
@@ -326,7 +385,7 @@ var ImagePreview = defineComponent({
           class: classNames(imagePreviewNavBtnClasses, "left-4"),
           onClick: handlePrev,
           disabled: !navState.value.hasPrev,
-          "aria-label": "Previous image",
+          "aria-label": labels.value.previousImageAriaLabel,
           type: "button"
         },
         [svgIcon(prevIconPath)]
@@ -337,7 +396,7 @@ var ImagePreview = defineComponent({
           class: classNames(imagePreviewNavBtnClasses, "right-4"),
           onClick: handleNext,
           disabled: !navState.value.hasNext,
-          "aria-label": "Next image",
+          "aria-label": labels.value.nextImageAriaLabel,
           type: "button"
         },
         [svgIcon(nextIconPath)]
@@ -349,7 +408,7 @@ var ImagePreview = defineComponent({
           style: { zIndex: props.zIndex },
           role: "dialog",
           "aria-modal": "true",
-          "aria-label": "Image preview",
+          "aria-label": labels.value.previewDialogAriaLabel,
           onClick: handleMaskClick,
           onWheel: handleWheel
         },

package/dist/{chunk-HCANI7ZG.mjs → chunk-36ZFDXKU.mjs}

@@ -4,7 +4,9 @@ import {
   computed,
   inject,
   provide,
+  reactive,
   ref,
+  watch,
   Fragment,
   h
 } from "vue";
@@ -202,9 +204,16 @@ var Breadcrumb = defineComponent({
     const containerClasses = computed(() => {
       return classNames(breadcrumbContainerClasses, extraContent.value && "w-full", props.className);
     });
-    provide(BreadcrumbContextKey, {
+    const breadcrumbContext = reactive({
       separator: props.separator
     });
+    watch(
+      () => props.separator,
+      (separator) => {
+        breadcrumbContext.separator = separator;
+      }
+    );
+    provide(BreadcrumbContextKey, breadcrumbContext);
     const renderItems = () => {
       const rawChildren = slots.default?.() || [];
       const items = [];

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

@@ -1,5 +1,17 @@
+import {
+  useTigerConfig
+} from "./chunk-R6WFL6NI.mjs";
+
 // src/components/ImageCropper.ts
-import { defineComponent, h, ref, computed, watch, onMounted } from "vue";
+import {
+  defineComponent,
+  h,
+  ref,
+  computed,
+  watch,
+  onMounted,
+  getCurrentInstance
+} from "vue";
 import {
   classNames,
   coerceClassValue,
@@ -15,12 +27,18 @@ import {
   getInitialCropRect,
   resizeCropRect,
   moveCropRect,
-  cropCanvas
+  cropCanvas,
+  getImageEditorLabels,
+  mergeTigerLocale
 } from "@expcat/tigercat-core";
 var ImageCropper = defineComponent({
   name: "TigerImageCropper",
   inheritAttrs: false,
   props: {
+    locale: {
+      type: Object,
+      default: void 0
+    },
     src: { type: String, required: true },
     aspectRatio: { type: Number, default: void 0 },
     minWidth: { type: Number, default: 20 },
@@ -39,6 +57,11 @@ var ImageCropper = defineComponent({
   },
   emits: ["crop-change", "ready"],
   setup(props, { emit, attrs, expose }) {
+    const instance = getCurrentInstance();
+    const maskId = `tiger-crop-mask-${instance?.uid ?? "0"}`;
+    const config = useTigerConfig();
+    const mergedLocale = computed(() => mergeTigerLocale(config.value.locale, props.locale));
+    const labels = computed(() => getImageEditorLabels(mergedLocale.value));
     const containerRef = ref(null);
     const imageRef = ref(null);
     const imageLoaded = ref(false);
@@ -270,7 +293,7 @@ var ImageCropper = defineComponent({
               minHeight: "200px"
             }),
             role: "img",
-            "aria-label": "Loading image for cropping"
+            "aria-label": labels.value.loadingCropImageAriaLabel
           },
           [
             h("div", {
@@ -288,7 +311,7 @@ var ImageCropper = defineComponent({
           height: `${displayHeight.value}px`
         },
         draggable: false,
-        alt: "Image to crop"
+        alt: labels.value.imageToCropAriaLabel
       });
       const mask = h(
         "svg",
@@ -300,7 +323,7 @@ var ImageCropper = defineComponent({
         },
         [
           h("defs", null, [
-            h("mask", { id: "crop-mask" }, [
+            h("mask", { id: maskId }, [
               h("rect", {
                 width: displayWidth.value,
                 height: displayHeight.value,
@@ -319,7 +342,7 @@ var ImageCropper = defineComponent({
             width: displayWidth.value,
             height: displayHeight.value,
             fill: "var(--tiger-image-cropper-mask, rgba(0,0,0,0.55))",
-            mask: "url(#crop-mask)"
+            mask: `url(#${maskId})`
           })
         ]
       );
@@ -342,7 +365,7 @@ var ImageCropper = defineComponent({
         },
         role: "button",
         tabindex: 0,
-        "aria-label": "Move crop area",
+        "aria-label": labels.value.moveCropAreaAriaLabel,
         onMousedown: (e) => handleMouseDown(e, "move"),
         onTouchstart: (e) => handleTouchStart(e, "move"),
         onKeydown: handleMoveKeyDown
@@ -412,7 +435,7 @@ var ImageCropper = defineComponent({
           style: pos,
           role: "button",
           tabindex: 0,
-          "aria-label": `Resize crop area ${handle}`,
+          "aria-label": labels.value.resizeCropAreaAriaLabel.replace("{handle}", handle),
           onMousedown: (e) => handleMouseDown(e, "resize", handle),
           onTouchstart: (e) => handleTouchStart(e, "resize", handle),
           onKeydown: (e) => handleResizeKeyDown(e, handle)
@@ -429,7 +452,7 @@ var ImageCropper = defineComponent({
             height: `${displayHeight.value}px`
           }),
           role: "application",
-          "aria-label": "Image cropper",
+          "aria-label": labels.value.cropperDialogAriaLabel,
           "aria-roledescription": "image cropper"
         },
         [img, mask, selection, dragArea, ...guideLines, ...handles]

package/dist/{chunk-L6ZD3ZCO.mjs → chunk-4QCJUILG.mjs}

@@ -1,6 +1,6 @@
 import {
   VirtualList
-} from "./chunk-PENI3H3I.mjs";
+} from "./chunk-HS4YQGZQ.mjs";
 import {
   useTigerConfig
 } from "./chunk-R6WFL6NI.mjs";