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

package/dist/components/Timeline.d.mts

@@ -111,12 +111,12 @@ declare const Timeline: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{}>, {
-    locale: Partial<TigerLocale>;
-    reverse: boolean;
+    items: TimelineItem[];
     className: string;
-    mode: TimelineMode;
     style: Record<string, unknown>;
-    items: TimelineItem[];
+    reverse: boolean;
+    mode: TimelineMode;
+    locale: Partial<TigerLocale>;
     pending: boolean;
     pendingDot: null;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/Tooltip.d.mts

@@ -104,9 +104,9 @@ declare const Tooltip: vue.DefineComponent<vue.ExtractPropTypes<{
 }>, {
     className: string;
     style: StyleValue;
+    content: string;
     disabled: boolean;
     open: boolean;
-    content: string;
     offset: number;
     placement: FloatingPlacement;
     trigger: TooltipTrigger;

package/dist/components/Tooltip.mjs

@@ -1,8 +1,8 @@
 import {
   Tooltip,
   Tooltip_default
-} from "../chunk-KJ6VISRW.mjs";
-import "../chunk-M4EP4OVR.mjs";
+} from "../chunk-EUSODI5E.mjs";
+import "../chunk-KE6RGD4Y.mjs";
 import "../chunk-BDTPFPSB.mjs";
 export {
   Tooltip,

package/dist/components/Tour.d.mts

@@ -112,13 +112,13 @@ declare const Tour: vue.DefineComponent<vue.ExtractPropTypes<{
     onFinish?: ((...args: any[]) => any) | undefined;
     "onUpdate:current"?: ((...args: any[]) => any) | undefined;
 }>, {
+    className: string;
     locale: Partial<TigerLocale>;
+    closable: boolean;
     prevText: string;
     nextText: string;
     finishText: string;
-    className: string;
     open: boolean;
-    closable: boolean;
     current: number;
     loadSteps: TourStepLoader;
     showIndicators: boolean;

package/dist/components/Transfer.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { TransferItem, TransferSize, TigerLocale } from '@expcat/tigercat-core';
+import { TransferItem, ComponentSize, TransferSearchValue, TigerLocale } from '@expcat/tigercat-core';
 
 type VueTransferProps = InstanceType<typeof Transfer>['$props'];
 declare const Transfer: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -21,17 +21,25 @@ declare const Transfer: vue.DefineComponent<vue.ExtractPropTypes<{
         default: () => never[];
     };
     size: {
-        type: PropType<TransferSize>;
+        type: PropType<ComponentSize>;
         default: string;
     };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    showSearch: {
+    searchable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    searchValue: {
+        type: PropType<TransferSearchValue>;
+        default: undefined;
+    };
+    defaultSearchValue: {
+        type: PropType<TransferSearchValue>;
+        default: () => {};
+    };
     sourceTitle: {
         type: StringConstructor;
         default: string;
@@ -40,7 +48,7 @@ declare const Transfer: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
-    notFoundText: {
+    emptyText: {
         type: StringConstructor;
         default: undefined;
     };
@@ -57,7 +65,7 @@ declare const Transfer: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:modelValue" | "update:searchValue" | "search-change")[], "change" | "update:modelValue" | "update:searchValue" | "search-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: PropType<(string | number)[]>;
         default: undefined;
@@ -75,17 +83,25 @@ declare const Transfer: vue.DefineComponent<vue.ExtractPropTypes<{
         default: () => never[];
     };
     size: {
-        type: PropType<TransferSize>;
+        type: PropType<ComponentSize>;
         default: string;
     };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    showSearch: {
+    searchable: {
         type: BooleanConstructor;
         default: boolean;
     };
+    searchValue: {
+        type: PropType<TransferSearchValue>;
+        default: undefined;
+    };
+    defaultSearchValue: {
+        type: PropType<TransferSearchValue>;
+        default: () => {};
+    };
     sourceTitle: {
         type: StringConstructor;
         default: string;
@@ -94,7 +110,7 @@ declare const Transfer: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: string;
     };
-    notFoundText: {
+    emptyText: {
         type: StringConstructor;
         default: undefined;
     };
@@ -112,13 +128,17 @@ declare const Transfer: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
+    "onSearch-change"?: ((...args: any[]) => any) | undefined;
 }>, {
+    size: ComponentSize;
+    emptyText: string;
     locale: Partial<TigerLocale>;
-    size: TransferSize;
     disabled: boolean;
     modelValue: (string | number)[];
-    showSearch: boolean;
-    notFoundText: string;
+    searchable: boolean;
+    searchValue: TransferSearchValue;
+    defaultSearchValue: TransferSearchValue;
     filterOption: (inputValue: string, item: TransferItem) => boolean;
     targetKeys: (string | number)[];
     dataSource: TransferItem[];

package/dist/components/Transfer.mjs

@@ -1,7 +1,7 @@
 import {
   Transfer,
   Transfer_default
-} from "../chunk-MF7BKYGN.mjs";
+} from "../chunk-2QWGVJW6.mjs";
 import "../chunk-R6WFL6NI.mjs";
 export {
   Transfer,

package/dist/components/Tree.d.mts

@@ -237,7 +237,7 @@ declare const Tree: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("select" | "drop" | "check" | "expand" | "node-click" | "node-expand" | "node-collapse" | "update:expandedKeys" | "update:selectedKeys" | "update:checkedKeys")[], "select" | "drop" | "check" | "expand" | "node-click" | "node-expand" | "node-collapse" | "update:expandedKeys" | "update:selectedKeys" | "update:checkedKeys", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("drop" | "select" | "check" | "expand" | "node-click" | "node-expand" | "node-collapse" | "update:expandedKeys" | "update:selectedKeys" | "update:checkedKeys")[], "drop" | "select" | "check" | "expand" | "node-click" | "node-expand" | "node-collapse" | "update:expandedKeys" | "update:selectedKeys" | "update:checkedKeys", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     /**
      * Tree data source
      */
@@ -445,8 +445,8 @@ declare const Tree: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
-    onSelect?: ((...args: any[]) => any) | undefined;
     onDrop?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
     onCheck?: ((...args: any[]) => any) | undefined;
     onExpand?: ((...args: any[]) => any) | undefined;
     "onNode-click"?: ((...args: any[]) => any) | undefined;
@@ -456,10 +456,10 @@ declare const Tree: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:selectedKeys"?: ((...args: any[]) => any) | undefined;
     "onUpdate:checkedKeys"?: ((...args: any[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
     emptyText: string;
-    ariaLabel: string;
     className: string;
+    locale: Partial<TigerLocale>;
+    ariaLabel: string;
     searchable: boolean;
     multiple: boolean;
     virtual: boolean;

package/dist/components/TreeMapChart.d.mts

@@ -198,11 +198,11 @@ declare const TreeMapChart: vue.DefineComponent<vue.ExtractPropTypes<{
     "onUpdate:selectedIndex"?: ((...args: any[]) => any) | undefined;
     "onNode-hover"?: ((...args: any[]) => any) | undefined;
 }>, {
+    padding: ChartPadding;
+    hoverable: boolean;
     width: number;
     height: number;
-    padding: ChartPadding;
     gradient: boolean;
-    hoverable: boolean;
     showLabels: boolean;
     selectable: boolean;
     gap: number;

package/dist/components/TreeMapChart.mjs

@@ -1,12 +1,12 @@
 import {
   TreeMapChart,
   TreeMapChart_default
-} from "../chunk-JGW7R7AZ.mjs";
-import "../chunk-R2HO74FE.mjs";
+} from "../chunk-G7MOTNJO.mjs";
+import "../chunk-PE5OA4YG.mjs";
+import "../chunk-SPFL55TF.mjs";
+import "../chunk-W5RZPTFD.mjs";
 import "../chunk-HLPSHCXO.mjs";
 import "../chunk-2ZUEXCVJ.mjs";
-import "../chunk-G2LB4QCL.mjs";
-import "../chunk-W5RZPTFD.mjs";
 export {
   TreeMapChart,
   TreeMapChart_default as default

package/dist/components/TreeSelect.d.mts

@@ -1,6 +1,6 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { TreeSelectValue, TreeNode, TreeSelectSize, TigerLocale } from '@expcat/tigercat-core';
+import { TreeSelectValue, TreeNode, ComponentSize, TigerLocale } from '@expcat/tigercat-core';
 
 type VueTreeSelectProps = InstanceType<typeof TreeSelect>['$props'];
 declare const TreeSelect: vue.DefineComponent<vue.ExtractPropTypes<{
@@ -17,7 +17,7 @@ declare const TreeSelect: vue.DefineComponent<vue.ExtractPropTypes<{
         default: string;
     };
     size: {
-        type: PropType<TreeSelectSize>;
+        type: PropType<ComponentSize>;
         default: string;
     };
     disabled: {
@@ -32,11 +32,19 @@ declare const TreeSelect: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
-    showSearch: {
+    searchable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    notFoundText: {
+    searchValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultSearchValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyText: {
         type: StringConstructor;
         default: undefined;
     };
@@ -53,7 +61,7 @@ declare const TreeSelect: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("change" | "update:modelValue" | "update:searchValue" | "search-change")[], "change" | "update:modelValue" | "update:searchValue" | "search-change", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
     modelValue: {
         type: PropType<TreeSelectValue>;
         default: undefined;
@@ -67,7 +75,7 @@ declare const TreeSelect: vue.DefineComponent<vue.ExtractPropTypes<{
         default: string;
     };
     size: {
-        type: PropType<TreeSelectSize>;
+        type: PropType<ComponentSize>;
         default: string;
     };
     disabled: {
@@ -82,11 +90,19 @@ declare const TreeSelect: vue.DefineComponent<vue.ExtractPropTypes<{
         type: BooleanConstructor;
         default: boolean;
     };
-    showSearch: {
+    searchable: {
         type: BooleanConstructor;
         default: boolean;
     };
-    notFoundText: {
+    searchValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    defaultSearchValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    emptyText: {
         type: StringConstructor;
         default: undefined;
     };
@@ -104,16 +120,20 @@ declare const TreeSelect: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:searchValue"?: ((...args: any[]) => any) | undefined;
+    "onSearch-change"?: ((...args: any[]) => any) | undefined;
 }>, {
+    size: ComponentSize;
+    emptyText: string;
     locale: Partial<TigerLocale>;
-    size: TreeSelectSize;
     disabled: boolean;
-    multiple: boolean;
     modelValue: TreeSelectValue;
+    searchable: boolean;
+    multiple: boolean;
     placeholder: string;
+    searchValue: string;
+    defaultSearchValue: string;
     clearable: boolean;
-    showSearch: boolean;
-    notFoundText: string;
     treeData: TreeNode[];
     defaultExpandAll: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;

package/dist/components/TreeSelect.mjs

@@ -1,7 +1,7 @@
 import {
   TreeSelect,
   TreeSelect_default
-} from "../chunk-XJ5VGC5V.mjs";
+} from "../chunk-YJSWHGAR.mjs";
 import "../chunk-R6WFL6NI.mjs";
 export {
   TreeSelect,

package/dist/components/Upload.d.mts

@@ -324,9 +324,9 @@ declare const Upload: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
+    onChange?: ((_file: UploadFile, _fileList: UploadFile[]) => any) | undefined;
     onError?: ((error: Error, _file: UploadFile) => any) | undefined;
     onProgress?: ((progress: number, _file: UploadFile) => any) | undefined;
-    onChange?: ((_file: UploadFile, _fileList: UploadFile[]) => any) | undefined;
     onSuccess?: ((_response: unknown, _file: UploadFile) => any) | undefined;
     "onUpdate:file-list"?: ((files: UploadFile[]) => any) | undefined;
     onRemove?: ((_file: UploadFile, _fileList: UploadFile[]) => any) | undefined;
@@ -335,12 +335,12 @@ declare const Upload: vue.DefineComponent<vue.ExtractPropTypes<{
     "onQueue-change"?: ((queue: unknown[]) => any) | undefined;
     onExceed?: ((files: File[], fileList: UploadFile[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
-    labels: Partial<UploadLabels>;
+    drag: boolean;
     className: string;
     style: Record<string, string | number>;
-    drag: boolean;
+    locale: Partial<TigerLocale>;
     disabled: boolean;
+    labels: Partial<UploadLabels>;
     multiple: boolean;
     listType: UploadListType;
     fileList: UploadFile[];

package/dist/components/VirtualTable.d.mts

@@ -1,12 +1,12 @@
 import * as vue from 'vue';
 import { PropType } from 'vue';
-import { TableColumn, TigerLocale } from '@expcat/tigercat-core';
+import { TableColumn, RowSelectionConfig, TigerLocale } from '@expcat/tigercat-core';
 
 interface VueVirtualTableProps {
-    data?: unknown[];
+    dataSource?: Record<string, unknown>[];
     columns?: TableColumn[];
-    rowHeight?: number;
-    height?: number;
+    virtualItemHeight?: number;
+    virtualHeight?: number;
     width?: number | 'auto';
     overscan?: number;
     stickyHeader?: boolean;
@@ -15,14 +15,13 @@ interface VueVirtualTableProps {
     rowClassName?: string | ((row: unknown, index: number) => string);
     loading?: boolean;
     emptyText?: string;
-    selectable?: boolean;
-    selectedKeys?: (string | number)[];
+    rowSelection?: RowSelectionConfig;
     striped?: boolean;
     bordered?: boolean;
     className?: string;
 }
 declare const VirtualTable: vue.DefineComponent<vue.ExtractPropTypes<{
-    data: {
+    dataSource: {
         type: PropType<Record<string, unknown>[]>;
         default: () => never[];
     };
@@ -30,11 +29,11 @@ declare const VirtualTable: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<TableColumn[]>;
         default: () => never[];
     };
-    rowHeight: {
+    virtualItemHeight: {
         type: NumberConstructor;
         default: number;
     };
-    height: {
+    virtualHeight: {
         type: NumberConstructor;
         default: number;
     };
@@ -70,13 +69,9 @@ declare const VirtualTable: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: undefined;
     };
-    selectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    selectedKeys: {
-        type: PropType<(string | number)[]>;
-        default: () => never[];
+    rowSelection: {
+        type: PropType<RowSelectionConfig>;
+        default: undefined;
     };
     striped: {
         type: BooleanConstructor;
@@ -96,8 +91,8 @@ declare const VirtualTable: vue.DefineComponent<vue.ExtractPropTypes<{
     };
 }>, () => vue.VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
-}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("select" | "row-click")[], "select" | "row-click", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
-    data: {
+}>, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, ("row-click" | "selection-change" | "update:rowSelection")[], "row-click" | "selection-change" | "update:rowSelection", vue.PublicProps, Readonly<vue.ExtractPropTypes<{
+    dataSource: {
         type: PropType<Record<string, unknown>[]>;
         default: () => never[];
     };
@@ -105,11 +100,11 @@ declare const VirtualTable: vue.DefineComponent<vue.ExtractPropTypes<{
         type: PropType<TableColumn[]>;
         default: () => never[];
     };
-    rowHeight: {
+    virtualItemHeight: {
         type: NumberConstructor;
         default: number;
     };
-    height: {
+    virtualHeight: {
         type: NumberConstructor;
         default: number;
     };
@@ -145,13 +140,9 @@ declare const VirtualTable: vue.DefineComponent<vue.ExtractPropTypes<{
         type: StringConstructor;
         default: undefined;
     };
-    selectable: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    selectedKeys: {
-        type: PropType<(string | number)[]>;
-        default: () => never[];
+    rowSelection: {
+        type: PropType<RowSelectionConfig>;
+        default: undefined;
     };
     striped: {
         type: BooleanConstructor;
@@ -170,26 +161,26 @@ declare const VirtualTable: vue.DefineComponent<vue.ExtractPropTypes<{
         default: undefined;
     };
 }>> & Readonly<{
-    onSelect?: ((...args: any[]) => any) | undefined;
+    "onSelection-change"?: ((...args: any[]) => any) | undefined;
     "onRow-click"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:rowSelection"?: ((...args: any[]) => any) | undefined;
 }>, {
-    locale: Partial<TigerLocale>;
+    loading: boolean;
     emptyText: string;
     className: string;
-    data: Record<string, unknown>[];
-    loading: boolean;
+    bordered: boolean;
+    locale: Partial<TigerLocale>;
     width: number | "auto";
-    height: number;
+    dataSource: Record<string, unknown>[];
     columns: TableColumn<Record<string, unknown>>[];
-    bordered: boolean;
     striped: boolean;
+    rowSelection: RowSelectionConfig<Record<string, unknown>>;
     rowKey: string | ((row: unknown, index: number) => string | number);
     rowClassName: string | ((row: unknown, index: number) => string);
     stickyHeader: boolean;
+    virtualHeight: number;
+    virtualItemHeight: number;
     overscan: number;
-    selectedKeys: (string | number)[];
-    selectable: boolean;
-    rowHeight: number;
     virtualizeColumns: boolean;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 

package/dist/components/VirtualTable.mjs

@@ -1,7 +1,7 @@
 import {
   VirtualTable,
   VirtualTable_default
-} from "../chunk-ALFEFDVG.mjs";
+} from "../chunk-4ZKSTL5P.mjs";
 import "../chunk-R6WFL6NI.mjs";
 export {
   VirtualTable,

package/dist/components/Watermark.d.mts

@@ -128,13 +128,13 @@ declare const Watermark: vue.DefineComponent<vue.ExtractPropTypes<{
 }>> & Readonly<{}>, {
     className: string;
     style: Record<string, string | number>;
+    content: string | string[];
     offsetX: number;
     offsetY: number;
     image: string;
     font: WatermarkFont;
     width: number;
     height: number;
-    content: string | string[];
     zIndex: number;
     rotate: number;
     gapX: number;

package/dist/composables/useChartInteraction.d.mts

@@ -0,0 +1,84 @@
+import { Ref, ComputedRef } from 'vue';
+import { ChartLegendPosition, ChartLegendItem } from '@expcat/tigercat-core';
+
+/**
+ * Options for useChartInteraction composable
+ */
+interface UseChartInteractionOptions<T = unknown> {
+    /** Enable hover highlight */
+    hoverable: boolean | Ref<boolean>;
+    /** Getter for controlled hovered index from props (e.g. () => props.hoveredIndex) */
+    hoveredIndexProp?: () => number | null | undefined;
+    /** Enable click selection */
+    selectable: boolean | Ref<boolean>;
+    /** Getter for controlled selected index from props (e.g. () => props.selectedIndex) */
+    selectedIndexProp?: () => number | null | undefined;
+    /** Opacity for active element */
+    activeOpacity: number | Ref<number>;
+    /** Opacity for inactive elements */
+    inactiveOpacity: number | Ref<number>;
+    /** Legend position for wrapper classes */
+    legendPosition?: ChartLegendPosition | Ref<ChartLegendPosition | undefined>;
+    /** Emit function from setup context */
+    emit: (event: string, ...args: unknown[]) => void;
+    /** Get data item by index */
+    getData?: (index: number) => T | undefined;
+    /** Custom event names */
+    eventNames?: {
+        hover?: string;
+        click?: string;
+    };
+}
+/**
+ * Return type for useChartInteraction
+ */
+interface UseChartInteractionReturn {
+    /** Local hovered index state */
+    localHoveredIndex: Ref<number | null>;
+    /** Local selected index state */
+    localSelectedIndex: Ref<number | null>;
+    /** Tooltip position state */
+    tooltipPosition: Ref<{
+        x: number;
+        y: number;
+    }>;
+    /** Resolved hovered index (controlled or uncontrolled) */
+    resolvedHoveredIndex: ComputedRef<number | null>;
+    /** Resolved selected index (controlled or uncontrolled) */
+    resolvedSelectedIndex: ComputedRef<number | null>;
+    /** Current active index for highlighting */
+    activeIndex: ComputedRef<number | null>;
+    /** Get element opacity based on active state */
+    getElementOpacity: (index: number) => number | undefined;
+    /** Handle mouse enter on chart element */
+    handleMouseEnter: (index: number, event: MouseEvent) => void;
+    /** Handle mouse move for tooltip */
+    handleMouseMove: (event: MouseEvent) => void;
+    /** Handle mouse leave */
+    handleMouseLeave: () => void;
+    /** Handle click on chart element */
+    handleClick: (index: number) => void;
+    /** Handle keydown for accessibility */
+    handleKeyDown: (event: KeyboardEvent, index: number) => void;
+    /** Handle legend item click */
+    handleLegendClick: (index: number) => void;
+    /** Handle legend item hover */
+    handleLegendHover: (index: number) => void;
+    /** Handle legend item leave */
+    handleLegendLeave: () => void;
+    /** Wrapper classes for legend layout */
+    wrapperClasses: ComputedRef<string>;
+    /** Create legend items from data */
+    createLegendItems: (items: Array<{
+        label?: string;
+        color?: string;
+        x?: unknown;
+    }>, palette: string[], labelFormatter?: (item: unknown, index: number) => string) => ChartLegendItem[];
+}
+/**
+ * Composable for chart interaction state and handlers
+ * Extracts common interaction logic from high-level chart components
+ */
+declare function useChartInteraction<T = unknown>(options: UseChartInteractionOptions<T>): UseChartInteractionReturn;
+
+export { type UseChartInteractionOptions, type UseChartInteractionReturn, useChartInteraction };

package/dist/composables/useChartInteraction.mjs

@@ -0,0 +1,6 @@
+import {
+  useChartInteraction
+} from "../chunk-PE5OA4YG.mjs";
+export {
+  useChartInteraction
+};