@expcat/tigercat-vue 2.1.2 → 2.1.4

package/dist/components/HeatmapChart.d.mts

@@ -1,10 +1,12 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { ChartPadding, HeatmapChartDatum, HeatmapChartProps } from '@expcat/tigercat-core';
+import { ChartPadding, HeatmapChartDatum, HeatmapChartProps as HeatmapChartProps$1 } from '@expcat/tigercat-core';
 
-interface VueHeatmapChartProps extends HeatmapChartProps {
+interface VueHeatmapChartProps extends HeatmapChartProps$1 {
     padding?: ChartPadding;
+    onCellClick?: (index: number, datum: HeatmapChartDatum | null) => void;
 }
+type HeatmapChartProps = VueHeatmapChartProps;
 declare const HeatmapChart: vue.DefineComponent<vue.ExtractPropTypes<{
     width: {
         type: NumberConstructor;
@@ -18,6 +20,10 @@ declare const HeatmapChart: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<ChartPadding>;
         default: number;
     };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     data: {
         type: PropType<HeatmapChartDatum[]>;
         required: true;
@@ -38,6 +44,12 @@ declare const HeatmapChart: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
+    min: {
+        type: NumberConstructor;
+    };
+    max: {
+        type: NumberConstructor;
+    };
     colorSpace: {
         type: PropType<"rgb" | "oklch">;
         default: "rgb";
@@ -93,7 +105,7 @@ declare const HeatmapChart: vue.DefineComponent<vue.ExtractPropTypes<{
         default: boolean;
     };
     tooltipFormatter: {
-        type: PropType<(datum: HeatmapChartDatum, index: number) => string>;
+        type: PropType<(datum: HeatmapChartDatum | null, index: number) => string>;
     };
     title: {
         type: StringConstructor;
@@ -104,6 +116,9 @@ declare const HeatmapChart: vue.DefineComponent<vue.ExtractPropTypes<{
     className: {
         type: StringConstructor;
     };
+    onCellClick: {
+        type: PropType<(index: number, datum: HeatmapChartDatum | null) => void>;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("update:hoveredIndex" | "update:selectedIndex" | "cell-click" | "cell-hover")[], "update:hoveredIndex" | "update:selectedIndex" | "cell-click" | "cell-hover", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -119,6 +134,10 @@ declare const HeatmapChart: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<ChartPadding>;
         default: number;
     };
+    responsive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     data: {
         type: PropType<HeatmapChartDatum[]>;
         required: true;
@@ -139,6 +158,12 @@ declare const HeatmapChart: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
+    min: {
+        type: NumberConstructor;
+    };
+    max: {
+        type: NumberConstructor;
+    };
     colorSpace: {
         type: PropType<"rgb" | "oklch">;
         default: "rgb";
@@ -194,7 +219,7 @@ declare const HeatmapChart: vue.DefineComponent<vue.ExtractPropTypes<{
         default: boolean;
     };
     tooltipFormatter: {
-        type: PropType<(datum: HeatmapChartDatum, index: number) => string>;
+        type: PropType<(datum: HeatmapChartDatum | null, index: number) => string>;
     };
     title: {
         type: StringConstructor;
@@ -205,6 +230,9 @@ declare const HeatmapChart: vue.DefineComponent<vue.ExtractPropTypes<{
     className: {
         type: StringConstructor;
     };
+    onCellClick: {
+        type: PropType<(index: number, datum: HeatmapChartDatum | null) => void>;
+    };
 }>> & Readonly<{
     "onUpdate:hoveredIndex"?: ((...args: any[]) => any) | undefined;
     "onUpdate:selectedIndex"?: ((...args: any[]) => any) | undefined;
@@ -217,6 +245,7 @@ declare const HeatmapChart: vue.DefineComponent<vue.ExtractPropTypes<{
     hoverable: boolean;
     selectable: boolean;
     renderMode: "auto" | "canvas" | "svg";
+    responsive: boolean;
     hoveredIndex: number | null;
     activeOpacity: number;
     inactiveOpacity: number;
@@ -230,4 +259,4 @@ declare const HeatmapChart: vue.DefineComponent<vue.ExtractPropTypes<{
     showValues: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { HeatmapChart, type VueHeatmapChartProps, HeatmapChart as default };
+export { HeatmapChart, type HeatmapChartProps, type VueHeatmapChartProps, HeatmapChart as default };

package/dist/components/HeatmapChart.mjs

@@ -1,10 +1,13 @@
 import {
   HeatmapChart,
   HeatmapChart_default
-} from "../chunk-W3QOMJKQ.mjs";
-import "../chunk-FHUGOSEY.mjs";
-import "../chunk-SPFL55TF.mjs";
-import "../chunk-SNNT64HK.mjs";
+} from "../chunk-TOK2QAHM.mjs";
+import "../chunk-AI6X2WFK.mjs";
+import "../chunk-W2FOU4XH.mjs";
+import "../chunk-JRDQVGMH.mjs";
+import "../chunk-6K5BLE4Q.mjs";
+import "../chunk-VFRB5L7W.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   HeatmapChart,
   HeatmapChart_default as default

package/dist/components/Highlight.d.mts

@@ -14,7 +14,7 @@ interface VueHighlightProps {
 }
 declare const Highlight: vue.DefineComponent<vue.ExtractPropTypes<{
     /**
-     * Source text to search. When omitted, the default slot is flattened to a string.
+     * Source text to search. When set, it wins over the default slot.
      */
     text: {
         type: StringConstructor;
@@ -75,7 +75,7 @@ declare const Highlight: vue.DefineComponent<vue.ExtractPropTypes<{
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
-     * Source text to search. When omitted, the default slot is flattened to a string.
+     * Source text to search. When set, it wins over the default slot.
      */
     text: {
         type: StringConstructor;
@@ -133,8 +133,8 @@ declare const Highlight: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    className: string;
     style: Record<string, unknown>;
+    className: string;
     text: string;
     keywords: HighlightKeywords;
     caseSensitive: boolean;

package/dist/components/Highlight.mjs

@@ -1,7 +1,7 @@
 import {
   Highlight,
   Highlight_default
-} from "../chunk-BBNCP55O.mjs";
+} from "../chunk-ONMBVAXK.mjs";
 export {
   Highlight,
   Highlight_default as default

package/dist/components/Icon.d.mts

@@ -34,12 +34,11 @@ declare const Icon: vue.DefineComponent<vue.ExtractPropTypes<{
         default: IconSize;
     };
     /**
-     * Icon color (CSS color value)
-     * @default 'currentColor'
+     * Icon color written onto the wrapper. Omitted values inherit CSS `color`.
      */
     color: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
 }>, () => VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
@@ -69,18 +68,17 @@ declare const Icon: vue.DefineComponent<vue.ExtractPropTypes<{
         default: IconSize;
     };
     /**
-     * Icon color (CSS color value)
-     * @default 'currentColor'
+     * Icon color written onto the wrapper. Omitted values inherit CSS `color`.
      */
     color: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
 }>> & Readonly<{}>, {
-    name: "upload" | "calendar" | "filter" | "error" | "link" | "image" | "phone" | "menu" | "search" | "close" | "copy" | "success" | "warning" | "info" | "check" | "chevron-up" | "chevron-down" | "chevron-left" | "chevron-right" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-down" | "plus" | "minus" | "edit" | "trash" | "user" | "settings" | "eye" | "eye-off" | "clock" | "more-horizontal" | "more-vertical" | "external-link" | "home" | "bell" | "mail" | "download" | "refresh" | "logout" | "lock" | "star" | "heart" | "document" | "folder" | "map-pin" | "check-circle" | "x-circle" | "users" | "dashboard";
+    name: "image" | "upload" | "calendar" | "filter" | "link" | "menu" | "search" | "close" | "copy" | "error" | "phone" | "success" | "warning" | "home" | "info" | "check" | "chevron-up" | "chevron-down" | "chevron-left" | "chevron-right" | "arrow-left" | "arrow-right" | "arrow-up" | "arrow-down" | "plus" | "minus" | "edit" | "trash" | "user" | "settings" | "eye" | "eye-off" | "clock" | "more-horizontal" | "more-vertical" | "external-link" | "bell" | "mail" | "download" | "refresh" | "logout" | "lock" | "star" | "heart" | "document" | "folder" | "map-pin" | "check-circle" | "x-circle" | "users" | "dashboard";
     size: IconSize;
-    icon: IconDefinition;
     color: string;
+    icon: IconDefinition;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { Icon, type VueIconProps, Icon as default };

package/dist/components/Icon.mjs

@@ -1,7 +1,7 @@
 import {
   Icon,
   Icon_default
-} from "../chunk-7XDNHGDA.mjs";
+} from "../chunk-OGKNRXUA.mjs";
 export {
   Icon,
   Icon_default as default

package/dist/components/Image.d.mts

@@ -12,10 +12,15 @@ interface VueImageProps {
     preview?: boolean;
     previewTrigger?: ImagePreviewTrigger;
     lazy?: boolean;
+    srcSet?: string;
+    sizes?: string;
+    crossOrigin?: '' | 'anonymous' | 'use-credentials';
+    decoding?: 'async' | 'auto' | 'sync';
+    referrerPolicy?: string;
+    fetchPriority?: 'high' | 'low' | 'auto';
     className?: string;
     style?: Record<string, string | number>;
 }
-declare const IMAGE_GROUP_INJECTION_KEY = "tiger-image-group";
 declare const Image: vue.DefineComponent<vue.ExtractPropTypes<{
     src: {
         type: StringConstructor;
@@ -53,6 +58,30 @@ declare const Image: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    srcSet: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    sizes: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    crossOrigin: {
+        type: PropType<"" | "anonymous" | "use-credentials">;
+        default: undefined;
+    };
+    decoding: {
+        type: PropType<"async" | "auto" | "sync">;
+        default: undefined;
+    };
+    referrerPolicy: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    fetchPriority: {
+        type: PropType<"high" | "low" | "auto">;
+        default: undefined;
+    };
     className: {
         type: StringConstructor;
         default: undefined;
@@ -63,7 +92,7 @@ declare const Image: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("error" | "load" | "preview-open-change")[], "error" | "load" | "preview-open-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("blur" | "click" | "error" | "focus" | "keydown" | "load" | "preview-open-change")[], "blur" | "click" | "error" | "focus" | "keydown" | "load" | "preview-open-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     src: {
         type: StringConstructor;
         default: undefined;
@@ -100,6 +129,30 @@ declare const Image: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    srcSet: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    sizes: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    crossOrigin: {
+        type: PropType<"" | "anonymous" | "use-credentials">;
+        default: undefined;
+    };
+    decoding: {
+        type: PropType<"async" | "auto" | "sync">;
+        default: undefined;
+    };
+    referrerPolicy: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    fetchPriority: {
+        type: PropType<"high" | "low" | "auto">;
+        default: undefined;
+    };
     className: {
         type: StringConstructor;
         default: undefined;
@@ -109,21 +162,31 @@ declare const Image: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
     onError?: ((...args: any[]) => any) | undefined;
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
     onLoad?: ((...args: any[]) => any) | undefined;
     "onPreview-open-change"?: ((...args: any[]) => any) | undefined;
 }>, {
+    style: Record<string, string | number>;
     preview: boolean;
     className: string;
-    style: Record<string, string | number>;
     width: string | number;
     height: string | number;
     src: string;
     alt: string;
+    srcSet: string;
+    sizes: string;
+    crossOrigin: "" | "anonymous" | "use-credentials";
+    referrerPolicy: string;
+    decoding: "auto" | "sync" | "async";
+    fetchPriority: "auto" | "high" | "low";
     fit: ImageFit;
     fallbackSrc: string;
     previewTrigger: ImagePreviewTrigger;
     lazy: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { IMAGE_GROUP_INJECTION_KEY, Image, type VueImageProps, Image as default };
+export { Image, type VueImageProps, Image as default };

package/dist/components/Image.mjs

@@ -1,15 +1,13 @@
 import {
-  IMAGE_GROUP_INJECTION_KEY,
   Image,
   Image_default
-} from "../chunk-K5MHUMKR.mjs";
-import "../chunk-SAC4PAG3.mjs";
-import "../chunk-PMQSXEMT.mjs";
-import "../chunk-Q7Y22OFX.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-4JH6QUWR.mjs";
+import "../chunk-P7TCGBAE.mjs";
+import "../chunk-NVL4UWPJ.mjs";
+import "../chunk-OZZKYZD6.mjs";
+import "../chunk-VFRB5L7W.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
-  IMAGE_GROUP_INJECTION_KEY,
   Image,
   Image_default as default
 };

package/dist/components/ImageAnnotation.d.mts

@@ -32,7 +32,7 @@ declare const ImageAnnotation: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     alt: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     modelValue: {
         type: PropType<ImageAnnotation$1[]>;
@@ -92,7 +92,7 @@ declare const ImageAnnotation: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("select" | "change" | "update:modelValue" | "ready" | "tool-change")[], "select" | "change" | "update:modelValue" | "ready" | "tool-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("select" | "change" | "error" | "update:modelValue" | "ready" | "tool-change" | "update:selectedId" | "update:tool")[], "select" | "change" | "error" | "update:modelValue" | "ready" | "tool-change" | "update:selectedId" | "update:tool", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     locale: {
         type: PropType<Partial<TigerLocale>>;
         default: undefined;
@@ -103,7 +103,7 @@ declare const ImageAnnotation: vue.DefineComponent<vue.ExtractPropTypes<{
     };
     alt: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     modelValue: {
         type: PropType<ImageAnnotation$1[]>;
@@ -164,13 +164,16 @@ declare const ImageAnnotation: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onSelect?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
+    onError?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onReady?: ((...args: any[]) => any) | undefined;
     "onTool-change"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedId"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:tool"?: ((...args: any[]) => any) | undefined;
 }>, {
     locale: Partial<TigerLocale>;
-    className: string;
     style: Record<string, string | number>;
+    className: string;
     disabled: boolean;
     modelValue: ImageAnnotation$1[];
     defaultValue: ImageAnnotation$1[];

package/dist/components/ImageAnnotation.mjs

@@ -1,9 +1,8 @@
 import {
   ImageAnnotation,
   ImageAnnotation_default
-} from "../chunk-XH63C62K.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-RF6WUEZE.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   ImageAnnotation,
   ImageAnnotation_default as default

package/dist/components/ImageCompare.d.mts

@@ -113,8 +113,8 @@ declare const ImageCompare: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
     /**
-     * Accessible name for the comparison handle
-     * @default 'Image comparison'
+     * Accessible name for the comparison handle.
+     * Empty values fall back to `locale.imageCompare.ariaLabel`.
      */
     ariaLabel: {
         type: StringConstructor;
@@ -239,8 +239,8 @@ declare const ImageCompare: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
     /**
-     * Accessible name for the comparison handle
-     * @default 'Image comparison'
+     * Accessible name for the comparison handle.
+     * Empty values fall back to `locale.imageCompare.ariaLabel`.
      */
     ariaLabel: {
         type: StringConstructor;
@@ -264,9 +264,9 @@ declare const ImageCompare: vue.DefineComponent<vue.ExtractPropTypes<{
     onChange?: ((value: number) => any) | undefined;
     "onUpdate:position"?: ((value: number) => any) | undefined;
 }>, {
+    style: Record<string, unknown>;
     ariaLabel: string;
     className: string;
-    style: Record<string, unknown>;
     disabled: boolean;
     step: number;
     width: string | number;

package/dist/components/ImageCompare.mjs

@@ -1,7 +1,8 @@
 import {
   ImageCompare,
   ImageCompare_default
-} from "../chunk-AY7CGLMO.mjs";
+} from "../chunk-TWZHKFFE.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   ImageCompare,
   ImageCompare_default as default

package/dist/components/ImageCropper.d.mts

@@ -1,10 +1,12 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { TigerLocale } from '@expcat/tigercat-core';
+import { TigerLocale, CropRect, CropResult } from '@expcat/tigercat-core';
 
 interface VueImageCropperProps {
     locale?: Partial<TigerLocale>;
     src: string;
+    cropRect?: CropRect;
+    defaultCropRect?: CropRect;
     aspectRatio?: number;
     minWidth?: number;
     minHeight?: number;
@@ -14,6 +16,9 @@ interface VueImageCropperProps {
     className?: string;
     style?: Record<string, string | number>;
 }
+interface ImageCropperRef {
+    getCropResult: () => Promise<CropResult>;
+}
 declare const ImageCropper: vue.DefineComponent<vue.ExtractPropTypes<{
     locale: {
         type: PropType<Partial<TigerLocale>>;
@@ -23,6 +28,14 @@ declare const ImageCropper: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         required: true;
     };
+    cropRect: {
+        type: PropType<CropRect>;
+        default: undefined;
+    };
+    defaultCropRect: {
+        type: PropType<CropRect>;
+        default: undefined;
+    };
     aspectRatio: {
         type: NumberConstructor;
         default: undefined;
@@ -57,7 +70,12 @@ declare const ImageCropper: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("ready" | "crop-change")[], "ready" | "crop-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+    'crop-change': (rect: CropRect) => boolean;
+    'update:crop-rect': (rect: CropRect) => boolean;
+    ready: () => true;
+    error: (error: Error) => boolean;
+}, string, vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     locale: {
         type: PropType<Partial<TigerLocale>>;
         default: undefined;
@@ -66,6 +84,14 @@ declare const ImageCropper: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         required: true;
     };
+    cropRect: {
+        type: PropType<CropRect>;
+        default: undefined;
+    };
+    defaultCropRect: {
+        type: PropType<CropRect>;
+        default: undefined;
+    };
     aspectRatio: {
         type: NumberConstructor;
         default: undefined;
@@ -99,13 +125,17 @@ declare const ImageCropper: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
-    onReady?: ((...args: any[]) => any) | undefined;
-    "onCrop-change"?: ((...args: any[]) => any) | undefined;
+    onError?: ((error: Error) => any) | undefined;
+    onReady?: (() => any) | undefined;
+    "onCrop-change"?: ((rect: CropRect) => any) | undefined;
+    "onUpdate:crop-rect"?: ((rect: CropRect) => any) | undefined;
 }>, {
     locale: Partial<TigerLocale>;
-    className: string;
     style: Record<string, string | number>;
+    className: string;
     quality: number;
+    cropRect: CropRect;
+    defaultCropRect: CropRect;
     aspectRatio: number;
     minWidth: number;
     minHeight: number;
@@ -113,4 +143,4 @@ declare const ImageCropper: vue.DefineComponent<vue.ExtractPropTypes<{
     guides: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
-export { ImageCropper, type VueImageCropperProps, ImageCropper as default };
+export { ImageCropper, type ImageCropperRef, type VueImageCropperProps, ImageCropper as default };

package/dist/components/ImageCropper.mjs

@@ -1,9 +1,8 @@
 import {
   ImageCropper,
   ImageCropper_default
-} from "../chunk-BCU7GYF6.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-7WK6OSB5.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   ImageCropper,
   ImageCropper_default as default

package/dist/components/ImageGroup.d.mts

@@ -1,19 +1,27 @@
 import * as vue from 'vue';
+import { InjectionKey } from 'vue';
+import { ImageGroupItem } from '@expcat/tigercat-core';
 
 interface ImageGroupContext {
-    register: (src: string) => number;
-    unregister: (src: string) => void;
-    openPreview: (index: number) => void;
+    preview: boolean;
+    register: (item: ImageGroupItem) => void;
+    unregister: (id: string) => void;
+    openPreview: (id: string) => void;
 }
-declare const IMAGE_GROUP_INJECTION_KEY = "tiger-image-group";
+declare const IMAGE_GROUP_INJECTION_KEY: InjectionKey<ImageGroupContext>;
 interface VueImageGroupProps {
     preview?: boolean;
+    className?: string;
 }
 declare const ImageGroup: vue.DefineComponent<vue.ExtractPropTypes<{
     preview: {
         type: BooleanConstructor;
         default: boolean;
     };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
 }>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, "preview-open-change"[], "preview-open-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
@@ -21,10 +29,15 @@ declare const ImageGroup: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
+    className: {
+        type: StringConstructor;
+        default: undefined;
+    };
 }>> & Readonly<{
     "onPreview-open-change"?: ((...args: any[]) => any) | undefined;
 }>, {
     preview: boolean;
+    className: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 
 export { IMAGE_GROUP_INJECTION_KEY, ImageGroup, type ImageGroupContext, type VueImageGroupProps, ImageGroup as default };

package/dist/components/ImageGroup.mjs

@@ -2,10 +2,10 @@ import {
   IMAGE_GROUP_INJECTION_KEY,
   ImageGroup,
   ImageGroup_default
-} from "../chunk-QWLD5FMJ.mjs";
-import "../chunk-SAC4PAG3.mjs";
-import "../chunk-UOJOJBEU.mjs";
-import "../chunk-TGXBCKOU.mjs";
+} from "../chunk-P7TCGBAE.mjs";
+import "../chunk-NVL4UWPJ.mjs";
+import "../chunk-VFRB5L7W.mjs";
+import "../chunk-4GOTWNOO.mjs";
 export {
   IMAGE_GROUP_INJECTION_KEY,
   ImageGroup,