@expcat/tigercat-react 0.1.6 → 0.2.0

package/dist/components/ScatterChart.mjs

@@ -0,0 +1,8 @@
+export { ScatterChart, ScatterChart_default as default } from '../chunk-CBALIFPW.mjs';
+import '../chunk-3CDAG4HD.mjs';
+import '../chunk-RQSQXQN6.mjs';
+import '../chunk-IS467WAO.mjs';
+import '../chunk-677VSTPW.mjs';
+import '../chunk-Z6F67MJE.mjs';
+import '../chunk-SDLMB34Y.mjs';
+import '../chunk-LVC43YX2.mjs';

package/dist/components/Select.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkFQ6UHRAO_js = require('../chunk-FQ6UHRAO.js');
+var chunkGQMYCYZ4_js = require('../chunk-GQMYCYZ4.js');
 
 
 
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkFQ6UHRAO_js.Select; }
+  get: function () { return chunkGQMYCYZ4_js.Select; }
 });

package/dist/components/Select.mjs

@@ -1 +1 @@
-export { Select } from '../chunk-YYKJ63LD.mjs';
+export { Select } from '../chunk-NMDNLB3C.mjs';

package/dist/components/Slider.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkXZDJ5FRB_js = require('../chunk-XZDJ5FRB.js');
+var chunkKPZTGRNA_js = require('../chunk-KPZTGRNA.js');
 
 
 
 Object.defineProperty(exports, "Slider", {
   enumerable: true,
-  get: function () { return chunkXZDJ5FRB_js.Slider; }
+  get: function () { return chunkKPZTGRNA_js.Slider; }
 });

package/dist/components/Slider.mjs

@@ -1 +1 @@
-export { Slider } from '../chunk-PAD2DX5M.mjs';
+export { Slider } from '../chunk-IIVRVCCP.mjs';

package/dist/components/Space.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkNI2WNZRT_js = require('../chunk-NI2WNZRT.js');
+var chunkYESS6YKC_js = require('../chunk-YESS6YKC.js');
 
 
 
 Object.defineProperty(exports, "Space", {
   enumerable: true,
-  get: function () { return chunkNI2WNZRT_js.Space; }
+  get: function () { return chunkYESS6YKC_js.Space; }
 });

package/dist/components/Space.mjs

@@ -1 +1 @@
-export { Space } from '../chunk-NOOPXNR4.mjs';
+export { Space } from '../chunk-AGUPZEUL.mjs';

package/dist/components/Steps.js

@@ -1,14 +1,14 @@
 'use strict';
 
-var chunkAQQRWISY_js = require('../chunk-AQQRWISY.js');
+var chunkGXTBCX3M_js = require('../chunk-GXTBCX3M.js');
 
 
 
 Object.defineProperty(exports, "Steps", {
   enumerable: true,
-  get: function () { return chunkAQQRWISY_js.Steps; }
+  get: function () { return chunkGXTBCX3M_js.Steps; }
 });
 Object.defineProperty(exports, "useStepsContext", {
   enumerable: true,
-  get: function () { return chunkAQQRWISY_js.useStepsContext; }
+  get: function () { return chunkGXTBCX3M_js.useStepsContext; }
 });

package/dist/components/Steps.mjs

@@ -1 +1 @@
-export { Steps, useStepsContext } from '../chunk-LAZGEMA2.mjs';
+export { Steps, useStepsContext } from '../chunk-P4EFJIXU.mjs';

package/dist/components/StepsItem.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkAQQRWISY_js = require('../chunk-AQQRWISY.js');
+var chunkGXTBCX3M_js = require('../chunk-GXTBCX3M.js');
 
 
 
 Object.defineProperty(exports, "StepsItem", {
   enumerable: true,
-  get: function () { return chunkAQQRWISY_js.StepsItem; }
+  get: function () { return chunkGXTBCX3M_js.StepsItem; }
 });

package/dist/components/StepsItem.mjs

@@ -1 +1 @@
-export { StepsItem } from '../chunk-LAZGEMA2.mjs';
+export { StepsItem } from '../chunk-P4EFJIXU.mjs';

package/dist/components/Table.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkR5BQHZWB_js = require('../chunk-R5BQHZWB.js');
+var chunkHRYBEBZC_js = require('../chunk-HRYBEBZC.js');
 
 
 
 Object.defineProperty(exports, "Table", {
   enumerable: true,
-  get: function () { return chunkR5BQHZWB_js.Table; }
+  get: function () { return chunkHRYBEBZC_js.Table; }
 });

package/dist/components/Table.mjs

@@ -1 +1 @@
-export { Table } from '../chunk-K7ZMB2TH.mjs';
+export { Table } from '../chunk-5XKYWZZZ.mjs';

package/dist/components/Tooltip.d.mts

@@ -1,13 +1,23 @@
 import React from 'react';
-import { TooltipProps as TooltipProps$1 } from '@expcat/tigercat-core';
+import { TooltipProps as TooltipProps$1, FloatingPlacement } from '@expcat/tigercat-core';
 
-type TooltipProps = Omit<TooltipProps$1, 'content' | 'style'> & Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style' | 'content'> & {
+type TooltipProps = Omit<TooltipProps$1, 'content' | 'style' | 'placement'> & Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style' | 'content'> & {
     children?: React.ReactNode;
     content?: React.ReactNode;
     /** @deprecated Use `content` (supports ReactNode). */
     contentContent?: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;
+    /**
+     * Tooltip placement relative to trigger
+     * @default 'top'
+     */
+    placement?: FloatingPlacement;
+    /**
+     * Offset distance from trigger (in pixels)
+     * @default 8
+     */
+    offset?: number;
     onVisibleChange?: (visible: boolean) => void;
 };
 declare const Tooltip: React.FC<TooltipProps>;

package/dist/components/Tooltip.d.ts

@@ -1,13 +1,23 @@
 import React from 'react';
-import { TooltipProps as TooltipProps$1 } from '@expcat/tigercat-core';
+import { TooltipProps as TooltipProps$1, FloatingPlacement } from '@expcat/tigercat-core';
 
-type TooltipProps = Omit<TooltipProps$1, 'content' | 'style'> & Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style' | 'content'> & {
+type TooltipProps = Omit<TooltipProps$1, 'content' | 'style' | 'placement'> & Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style' | 'content'> & {
     children?: React.ReactNode;
     content?: React.ReactNode;
     /** @deprecated Use `content` (supports ReactNode). */
     contentContent?: React.ReactNode;
     className?: string;
     style?: React.CSSProperties;
+    /**
+     * Tooltip placement relative to trigger
+     * @default 'top'
+     */
+    placement?: FloatingPlacement;
+    /**
+     * Offset distance from trigger (in pixels)
+     * @default 8
+     */
+    offset?: number;
     onVisibleChange?: (visible: boolean) => void;
 };
 declare const Tooltip: React.FC<TooltipProps>;

package/dist/components/Tooltip.js

@@ -1,10 +1,11 @@
 'use strict';
 
-var chunkWK5HN4OH_js = require('../chunk-WK5HN4OH.js');
+var chunkQY6I7LU5_js = require('../chunk-QY6I7LU5.js');
+require('../chunk-ZYPEO2KY.js');
 
 
 
 Object.defineProperty(exports, "Tooltip", {
   enumerable: true,
-  get: function () { return chunkWK5HN4OH_js.Tooltip; }
+  get: function () { return chunkQY6I7LU5_js.Tooltip; }
 });

package/dist/components/Tooltip.mjs

@@ -1 +1,2 @@
-export { Tooltip } from '../chunk-G6FSHN2I.mjs';
+export { Tooltip } from '../chunk-GW4EWT2K.mjs';
+import '../chunk-WLIFEALE.mjs';

package/dist/index.d.mts

@@ -1,3 +1,4 @@
+import { ChartLegendPosition, ChartLegendItem } from '@expcat/tigercat-core';
 export * from '@expcat/tigercat-core';
 export { ConfigProvider, useTigerConfig } from './components/ConfigProvider.mjs';
 export { Button, ButtonProps } from './components/Button.mjs';
@@ -57,15 +58,110 @@ export { DropdownItem, DropdownItemProps } from './components/DropdownItem.mjs';
 export { Drawer, DrawerProps } from './components/Drawer.mjs';
 export { Modal, ModalProps } from './components/Modal.mjs';
 export { Alert, AlertProps } from './components/Alert.mjs';
-export { MessageContainer, MessageContainerProps, default as message } from './components/Message.mjs';
+export { default as Message, MessageContainer, MessageContainerProps } from './components/Message.mjs';
 export { NotificationContainer, NotificationContainerProps, default as notification } from './components/Notification.mjs';
 export { Loading, LoadingProps } from './components/Loading.mjs';
 export { Popconfirm, PopconfirmProps } from './components/Popconfirm.mjs';
 export { Popover, PopoverProps } from './components/Popover.mjs';
 export { Tooltip, TooltipProps } from './components/Tooltip.mjs';
+export { default as ChartCanvas, ChartCanvasProps } from './components/ChartCanvas.mjs';
+export { default as ChartAxis, ChartAxisProps } from './components/ChartAxis.mjs';
+export { default as ChartGrid, ChartGridProps } from './components/ChartGrid.mjs';
+export { default as ChartSeries, ChartSeriesProps } from './components/ChartSeries.mjs';
+export { default as BarChart, BarChartProps } from './components/BarChart.mjs';
+export { default as ScatterChart, ScatterChartProps } from './components/ScatterChart.mjs';
+export { default as PieChart, PieChartProps } from './components/PieChart.mjs';
+export { default as DonutChart, DonutChartProps } from './components/DonutChart.mjs';
+export { default as RadarChart, RadarChartProps } from './components/RadarChart.mjs';
+export { default as LineChart, LineChartProps } from './components/LineChart.mjs';
+export { default as AreaChart, AreaChartProps } from './components/AreaChart.mjs';
+export { default as ChartLegend, ChartLegendProps } from './components/ChartLegend.mjs';
+export { default as ChartTooltip, ChartTooltipProps } from './components/ChartTooltip.mjs';
 import 'react';
 import 'react/jsx-runtime';
 
+/**
+ * Options for useChartInteraction hook
+ */
+interface UseChartInteractionOptions<T = unknown> {
+    /** Enable hover highlight */
+    hoverable: boolean;
+    /** Controlled hovered index from props */
+    hoveredIndexProp?: number | null;
+    /** Enable click selection */
+    selectable: boolean;
+    /** Controlled selected index from props */
+    selectedIndexProp?: number | null;
+    /** Opacity for active element */
+    activeOpacity: number;
+    /** Opacity for inactive elements */
+    inactiveOpacity: number;
+    /** Legend position for wrapper classes */
+    legendPosition?: ChartLegendPosition;
+    /** Callback when hover changes */
+    onHoveredIndexChange?: (index: number | null) => void;
+    /** Callback when selection changes */
+    onSelectedIndexChange?: (index: number | null) => void;
+    /** Get data item by index */
+    getData?: (index: number) => T | undefined;
+    /** Custom callbacks */
+    callbacks?: {
+        onHover?: (index: number | null, datum: T | null) => void;
+        onClick?: (index: number, datum: T) => void;
+    };
+}
+/**
+ * Return type for useChartInteraction
+ */
+interface UseChartInteractionReturn {
+    /** Local hovered index state */
+    localHoveredIndex: number | null;
+    /** Local selected index state */
+    localSelectedIndex: number | null;
+    /** Tooltip position state */
+    tooltipPosition: {
+        x: number;
+        y: number;
+    };
+    /** Resolved hovered index (controlled or uncontrolled) */
+    resolvedHoveredIndex: number | null;
+    /** Resolved selected index (controlled or uncontrolled) */
+    resolvedSelectedIndex: number | null;
+    /** Current active index for highlighting */
+    activeIndex: number | null;
+    /** Get element opacity based on active state */
+    getElementOpacity: (index: number) => number | undefined;
+    /** Handle mouse enter on chart element */
+    handleMouseEnter: (index: number, event: React.MouseEvent) => void;
+    /** Handle mouse move for tooltip */
+    handleMouseMove: (event: React.MouseEvent) => void;
+    /** Handle mouse leave */
+    handleMouseLeave: () => void;
+    /** Handle click on chart element */
+    handleClick: (index: number) => void;
+    /** Handle keydown for accessibility */
+    handleKeyDown: (event: React.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: string;
+    /** Create legend items from data */
+    createLegendItems: (items: Array<{
+        label?: string;
+        color?: string;
+        x?: unknown;
+    }>, palette: string[], labelFormatter?: (item: unknown, index: number) => string) => ChartLegendItem[];
+}
+/**
+ * Hook for chart interaction state and handlers
+ * Extracts common interaction logic from high-level chart components
+ */
+declare function useChartInteraction<T = unknown>(options: UseChartInteractionOptions<T>): UseChartInteractionReturn;
+
 /**
  * Tigercat React
  *
@@ -74,4 +170,4 @@ import 'react/jsx-runtime';
 
 declare const version = "0.0.1";
 
-export { version };
+export { type UseChartInteractionOptions, type UseChartInteractionReturn, useChartInteraction, version };

package/dist/index.d.ts

@@ -1,3 +1,4 @@
+import { ChartLegendPosition, ChartLegendItem } from '@expcat/tigercat-core';
 export * from '@expcat/tigercat-core';
 export { ConfigProvider, useTigerConfig } from './components/ConfigProvider.js';
 export { Button, ButtonProps } from './components/Button.js';
@@ -57,15 +58,110 @@ export { DropdownItem, DropdownItemProps } from './components/DropdownItem.js';
 export { Drawer, DrawerProps } from './components/Drawer.js';
 export { Modal, ModalProps } from './components/Modal.js';
 export { Alert, AlertProps } from './components/Alert.js';
-export { MessageContainer, MessageContainerProps, default as message } from './components/Message.js';
+export { default as Message, MessageContainer, MessageContainerProps } from './components/Message.js';
 export { NotificationContainer, NotificationContainerProps, default as notification } from './components/Notification.js';
 export { Loading, LoadingProps } from './components/Loading.js';
 export { Popconfirm, PopconfirmProps } from './components/Popconfirm.js';
 export { Popover, PopoverProps } from './components/Popover.js';
 export { Tooltip, TooltipProps } from './components/Tooltip.js';
+export { default as ChartCanvas, ChartCanvasProps } from './components/ChartCanvas.js';
+export { default as ChartAxis, ChartAxisProps } from './components/ChartAxis.js';
+export { default as ChartGrid, ChartGridProps } from './components/ChartGrid.js';
+export { default as ChartSeries, ChartSeriesProps } from './components/ChartSeries.js';
+export { default as BarChart, BarChartProps } from './components/BarChart.js';
+export { default as ScatterChart, ScatterChartProps } from './components/ScatterChart.js';
+export { default as PieChart, PieChartProps } from './components/PieChart.js';
+export { default as DonutChart, DonutChartProps } from './components/DonutChart.js';
+export { default as RadarChart, RadarChartProps } from './components/RadarChart.js';
+export { default as LineChart, LineChartProps } from './components/LineChart.js';
+export { default as AreaChart, AreaChartProps } from './components/AreaChart.js';
+export { default as ChartLegend, ChartLegendProps } from './components/ChartLegend.js';
+export { default as ChartTooltip, ChartTooltipProps } from './components/ChartTooltip.js';
 import 'react';
 import 'react/jsx-runtime';
 
+/**
+ * Options for useChartInteraction hook
+ */
+interface UseChartInteractionOptions<T = unknown> {
+    /** Enable hover highlight */
+    hoverable: boolean;
+    /** Controlled hovered index from props */
+    hoveredIndexProp?: number | null;
+    /** Enable click selection */
+    selectable: boolean;
+    /** Controlled selected index from props */
+    selectedIndexProp?: number | null;
+    /** Opacity for active element */
+    activeOpacity: number;
+    /** Opacity for inactive elements */
+    inactiveOpacity: number;
+    /** Legend position for wrapper classes */
+    legendPosition?: ChartLegendPosition;
+    /** Callback when hover changes */
+    onHoveredIndexChange?: (index: number | null) => void;
+    /** Callback when selection changes */
+    onSelectedIndexChange?: (index: number | null) => void;
+    /** Get data item by index */
+    getData?: (index: number) => T | undefined;
+    /** Custom callbacks */
+    callbacks?: {
+        onHover?: (index: number | null, datum: T | null) => void;
+        onClick?: (index: number, datum: T) => void;
+    };
+}
+/**
+ * Return type for useChartInteraction
+ */
+interface UseChartInteractionReturn {
+    /** Local hovered index state */
+    localHoveredIndex: number | null;
+    /** Local selected index state */
+    localSelectedIndex: number | null;
+    /** Tooltip position state */
+    tooltipPosition: {
+        x: number;
+        y: number;
+    };
+    /** Resolved hovered index (controlled or uncontrolled) */
+    resolvedHoveredIndex: number | null;
+    /** Resolved selected index (controlled or uncontrolled) */
+    resolvedSelectedIndex: number | null;
+    /** Current active index for highlighting */
+    activeIndex: number | null;
+    /** Get element opacity based on active state */
+    getElementOpacity: (index: number) => number | undefined;
+    /** Handle mouse enter on chart element */
+    handleMouseEnter: (index: number, event: React.MouseEvent) => void;
+    /** Handle mouse move for tooltip */
+    handleMouseMove: (event: React.MouseEvent) => void;
+    /** Handle mouse leave */
+    handleMouseLeave: () => void;
+    /** Handle click on chart element */
+    handleClick: (index: number) => void;
+    /** Handle keydown for accessibility */
+    handleKeyDown: (event: React.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: string;
+    /** Create legend items from data */
+    createLegendItems: (items: Array<{
+        label?: string;
+        color?: string;
+        x?: unknown;
+    }>, palette: string[], labelFormatter?: (item: unknown, index: number) => string) => ChartLegendItem[];
+}
+/**
+ * Hook for chart interaction state and handlers
+ * Extracts common interaction logic from high-level chart components
+ */
+declare function useChartInteraction<T = unknown>(options: UseChartInteractionOptions<T>): UseChartInteractionReturn;
+
 /**
  * Tigercat React
  *
@@ -74,4 +170,4 @@ import 'react/jsx-runtime';
 
 declare const version = "0.0.1";
 
-export { version };
+export { type UseChartInteractionOptions, type UseChartInteractionReturn, useChartInteraction, version };