vccs 0.1.0 → 0.3.0

package/dist/cartesian/reference-dot/ReferenceDot.d.ts

@@ -0,0 +1,143 @@
+import { PropType, SVGAttributes, SlotsType } from 'vue';
+import { AxisId } from '../../state/cartesianAxisSlice';
+import { IfOverflow } from '../../types';
+export interface ReferenceDotShapeProps extends SVGAttributes {
+    cx: number;
+    cy: number;
+    r: number;
+    fill?: string;
+    stroke?: string;
+    clipPath?: string;
+}
+export interface ReferenceDotSlots {
+    shape?: (props: ReferenceDotShapeProps) => any;
+}
+export declare const ReferenceDotVueProps: {
+    x: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    y: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    r: {
+        type: NumberConstructor;
+        default: number;
+    };
+    xAxisId: {
+        type: PropType<AxisId>;
+        default: number;
+    };
+    yAxisId: {
+        type: PropType<AxisId>;
+        default: number;
+    };
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: PropType<string | number | boolean | Record<string, any>>;
+        default: any;
+    };
+    ifOverflow: {
+        type: PropType<IfOverflow>;
+        default: string;
+    };
+};
+declare const _ReferenceDot: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    x: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    y: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    r: {
+        type: NumberConstructor;
+        default: number;
+    };
+    xAxisId: {
+        type: PropType<AxisId>;
+        default: number;
+    };
+    yAxisId: {
+        type: PropType<AxisId>;
+        default: number;
+    };
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: PropType<string | number | boolean | Record<string, any>>;
+        default: any;
+    };
+    ifOverflow: {
+        type: PropType<IfOverflow>;
+        default: string;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    x: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    y: {
+        type: PropType<number | string>;
+        default: any;
+    };
+    r: {
+        type: NumberConstructor;
+        default: number;
+    };
+    xAxisId: {
+        type: PropType<AxisId>;
+        default: number;
+    };
+    yAxisId: {
+        type: PropType<AxisId>;
+        default: number;
+    };
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: string;
+    };
+    label: {
+        type: PropType<string | number | boolean | Record<string, any>>;
+        default: any;
+    };
+    ifOverflow: {
+        type: PropType<IfOverflow>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    fill: string;
+    x: string | number;
+    y: string | number;
+    yAxisId: AxisId;
+    xAxisId: AxisId;
+    ifOverflow: IfOverflow;
+    r: number;
+    stroke: string;
+    label: string | number | boolean | Record<string, any>;
+}, SlotsType<ReferenceDotSlots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const ReferenceDot: typeof _ReferenceDot & {
+    new (): {
+        $slots: ReferenceDotSlots;
+    };
+};
+export {};

package/dist/cartesian/reference-dot/index.d.ts

@@ -0,0 +1,2 @@
+export { ReferenceDot } from './ReferenceDot';
+export type { ReferenceDotShapeProps, ReferenceDotSlots } from './ReferenceDot';

package/dist/cartesian/reference-line/ReferenceLine.d.ts

@@ -38,8 +38,8 @@ export declare const ReferenceLineVueProps: {
         type: PropType<IfOverflow>;
         default: string;
     };
-    className: {
-        type: StringConstructor;
+    class: {
+        type: PropType<import('../../types').VueClassValue>;
         default: any;
     };
 };
@@ -80,8 +80,8 @@ export declare const ReferenceLine: import('vue').DefineComponent<import('vue').
         type: PropType<IfOverflow>;
         default: string;
     };
-    className: {
-        type: StringConstructor;
+    class: {
+        type: PropType<import('../../types').VueClassValue>;
         default: any;
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
@@ -121,8 +121,8 @@ export declare const ReferenceLine: import('vue').DefineComponent<import('vue').
         type: PropType<IfOverflow>;
         default: string;
     };
-    className: {
-        type: StringConstructor;
+    class: {
+        type: PropType<import('../../types').VueClassValue>;
         default: any;
     };
 }>> & Readonly<{}>, {
@@ -132,8 +132,8 @@ export declare const ReferenceLine: import('vue').DefineComponent<import('vue').
     yAxisId: AxisId;
     xAxisId: AxisId;
     ifOverflow: IfOverflow;
+    class: import('../../types').VueClassValue;
     stroke: string;
-    label: string | number | boolean | Record<string, any>;
-    className: string;
     strokeWidth: string | number;
+    label: string | number | boolean | Record<string, any>;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/cartesian/scatter/Scatter.d.ts

@@ -148,11 +148,11 @@ export declare const Scatter: import('vue').DefineComponent<import('vue').Extrac
     xAxisId: string | number;
     line: boolean | Record<string, any>;
     dataKey: DataKey<any>;
+    transition: AnimationOptions;
     name: string | number;
     data: readonly Record<string, any>[];
     label: boolean | Record<string, any>;
     hide: boolean;
-    transition: AnimationOptions;
     tooltipType: "none";
     legendType: string;
     isAnimationActive: boolean;

package/dist/chart/FunnelChart.d.ts

@@ -0,0 +1 @@
+export declare const FunnelChart: import('vue').DefineComponent<import('./generateCategoricalChart').CategoricalChartProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./generateCategoricalChart').CategoricalChartProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/chart/RechartsWrapper.d.ts

@@ -2,7 +2,8 @@ import { CSSProperties, PropType } from 'vue';
 import { CategoricalChartFunc } from '../types';
 export declare const RechartsWrapper: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     class: {
-        type: StringConstructor;
+        type: PropType<import('../types').VueClassValue>;
+        default: any;
     };
     height: {
         type: NumberConstructor;
@@ -50,7 +51,8 @@ export declare const RechartsWrapper: import('vue').DefineComponent<import('vue'
     };
 }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     class: {
-        type: StringConstructor;
+        type: PropType<import('../types').VueClassValue>;
+        default: any;
     };
     height: {
         type: NumberConstructor;
@@ -96,4 +98,6 @@ export declare const RechartsWrapper: import('vue').DefineComponent<import('vue'
         type: NumberConstructor;
         required: true;
     };
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {
+    class: import('../types').VueClassValue;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/chart/Surface.d.ts

@@ -1,4 +1,5 @@
 import { CSSProperties } from 'vue';
+import { VueClassValue } from '../types';
 interface SurfaceProps {
     width: number;
     height: number;
@@ -8,7 +9,7 @@ interface SurfaceProps {
         width?: number;
         height?: number;
     };
-    class?: string;
+    class?: VueClassValue;
     style?: CSSProperties;
     title?: string;
     desc?: string;

package/dist/chart/Treemap.d.ts

@@ -0,0 +1,237 @@
+import { PropType, SlotsType } from 'vue';
+import { AnimationOptions } from 'motion-v';
+import { TooltipPayloadSearcher } from '../state/tooltipSlice';
+import { TreemapLayoutNode } from './treemapUtils';
+export interface TreemapContentSlotProps extends TreemapLayoutNode {
+    index: number;
+    fill: string;
+    stroke: string;
+}
+export interface TreemapSlots {
+    content?: (props: TreemapContentSlotProps) => any;
+    default?: () => any;
+}
+/**
+ * Tooltip payload searcher for Treemap — navigates nested node structure
+ * using a path string like 'children[0].children[1]'.
+ */
+export declare const treemapPayloadSearcher: TooltipPayloadSearcher;
+export declare const TreemapVueProps: {
+    data: {
+        type: PropType<Record<string, any>[]>;
+        required: true;
+    };
+    dataKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    nameKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        required: true;
+    };
+    height: {
+        type: NumberConstructor;
+        required: true;
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: PropType<"flat" | "nest">;
+        default: string;
+    };
+    colorPanel: {
+        type: PropType<string[]>;
+        default: any;
+    };
+    isAnimationActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    transition: {
+        type: PropType<AnimationOptions>;
+        default: () => {
+            duration: number;
+            ease: "easeOut";
+        };
+    };
+    onClick: {
+        type: PropType<(node: any, e: MouseEvent) => void>;
+        default: any;
+    };
+    onMouseEnter: {
+        type: PropType<(node: any, e: MouseEvent) => void>;
+        default: any;
+    };
+    onMouseLeave: {
+        type: PropType<(node: any, e: MouseEvent) => void>;
+        default: any;
+    };
+};
+/**
+ * Treemap chart — hierarchical data visualization using nested rectangles.
+ *
+ * Supports `<Tooltip>` as a child component (same pattern as BarChart, LineChart, etc.).
+ *
+ * Usage:
+ * ```vue
+ * <Treemap :data="data" data-key="value" :width="600" :height="400">
+ *   <Tooltip />
+ * </Treemap>
+ * ```
+ */
+export declare const Treemap: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    data: {
+        type: PropType<Record<string, any>[]>;
+        required: true;
+    };
+    dataKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    nameKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        required: true;
+    };
+    height: {
+        type: NumberConstructor;
+        required: true;
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: PropType<"flat" | "nest">;
+        default: string;
+    };
+    colorPanel: {
+        type: PropType<string[]>;
+        default: any;
+    };
+    isAnimationActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    transition: {
+        type: PropType<AnimationOptions>;
+        default: () => {
+            duration: number;
+            ease: "easeOut";
+        };
+    };
+    onClick: {
+        type: PropType<(node: any, e: MouseEvent) => void>;
+        default: any;
+    };
+    onMouseEnter: {
+        type: PropType<(node: any, e: MouseEvent) => void>;
+        default: any;
+    };
+    onMouseLeave: {
+        type: PropType<(node: any, e: MouseEvent) => void>;
+        default: any;
+    };
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    data: {
+        type: PropType<Record<string, any>[]>;
+        required: true;
+    };
+    dataKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    nameKey: {
+        type: StringConstructor;
+        default: string;
+    };
+    width: {
+        type: NumberConstructor;
+        required: true;
+    };
+    height: {
+        type: NumberConstructor;
+        required: true;
+    };
+    aspectRatio: {
+        type: NumberConstructor;
+        default: number;
+    };
+    fill: {
+        type: StringConstructor;
+        default: string;
+    };
+    stroke: {
+        type: StringConstructor;
+        default: string;
+    };
+    type: {
+        type: PropType<"flat" | "nest">;
+        default: string;
+    };
+    colorPanel: {
+        type: PropType<string[]>;
+        default: any;
+    };
+    isAnimationActive: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    transition: {
+        type: PropType<AnimationOptions>;
+        default: () => {
+            duration: number;
+            ease: "easeOut";
+        };
+    };
+    onClick: {
+        type: PropType<(node: any, e: MouseEvent) => void>;
+        default: any;
+    };
+    onMouseEnter: {
+        type: PropType<(node: any, e: MouseEvent) => void>;
+        default: any;
+    };
+    onMouseLeave: {
+        type: PropType<(node: any, e: MouseEvent) => void>;
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    fill: string;
+    type: "flat" | "nest";
+    dataKey: string;
+    aspectRatio: number;
+    stroke: string;
+    transition: AnimationOptions;
+    onClick: (node: any, e: MouseEvent) => void;
+    nameKey: string;
+    isAnimationActive: boolean;
+    onMouseEnter: (node: any, e: MouseEvent) => void;
+    onMouseLeave: (node: any, e: MouseEvent) => void;
+    colorPanel: string[];
+}, SlotsType<TreemapSlots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/chart/generateCategoricalChart.d.ts

@@ -19,7 +19,8 @@ export declare const CategoricalProps: {
         type: (NumberConstructor | StringConstructor)[];
     };
     class: {
-        type: StringConstructor;
+        type: PropType<import('../types').VueClassValue>;
+        default: any;
     };
     compact: {
         type: BooleanConstructor;

package/dist/chart/index.d.ts

@@ -6,3 +6,5 @@ export * from './PieChart';
 export * from './RadarChart';
 export * from './ScatterChart';
 export * from './RadialBarChart';
+export * from './FunnelChart';
+export * from './Treemap';

package/dist/chart/treemapUtils.d.ts

@@ -0,0 +1,22 @@
+export interface TreemapLayoutNode {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    depth: number;
+    name: string;
+    value: number;
+    payload: Record<string, any>;
+    color?: string;
+    root: number;
+}
+export interface TreemapLayoutOptions {
+    data: Record<string, any>[];
+    width: number;
+    height: number;
+    dataKey: string;
+    aspectRatio?: number;
+    nameKey?: string;
+    colorPanel?: string[];
+}
+export declare function computeTreemapLayout(options: TreemapLayoutOptions): TreemapLayoutNode[];

package/dist/components/Customized.d.ts

@@ -0,0 +1,23 @@
+import { SlotsType } from 'vue';
+import { CartesianGraphicalItemSettings, PolarGraphicalItemSettings } from '../state/graphicalItemsSlice';
+import { DataKey } from '../types';
+export interface FormattedGraphicalItem {
+    type: string;
+    dataKey: DataKey<any> | undefined;
+    props: CartesianGraphicalItemSettings | PolarGraphicalItemSettings;
+}
+export interface CustomizedSlotProps {
+    formattedGraphicalItems: FormattedGraphicalItem[];
+    chartWidth: number;
+    chartHeight: number;
+    offset: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+}
+export interface CustomizedSlots {
+    default?: (props: CustomizedSlotProps) => any;
+}
+export declare const Customized: import('vue').DefineComponent<{}, () => any, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, SlotsType<CustomizedSlots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/Text.d.ts

@@ -134,13 +134,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     x: string | number;
     y: string | number;
     value: string | number;
-    style: Record<string, any>;
-    dx: number;
-    dy: number;
-    angle: number;
     lineHeight: string | number;
     textAnchor: string;
     capHeight: string | number;
+    dx: number;
+    dy: number;
+    style: Record<string, any>;
+    angle: number;
     scaleToFit: boolean;
     verticalAnchor: string;
     breakAll: boolean;

package/dist/components/Tooltip.d.ts

@@ -224,9 +224,9 @@ export declare const Tooltip: import('vue').DefineComponent<import('vue').Extrac
         readonly default: " : ";
     };
 }>> & Readonly<{}>, {
-    readonly style: Record<string, any>;
     readonly cursor: boolean | object;
     readonly offset: number;
+    readonly style: Record<string, any>;
     readonly isAnimationActive: boolean;
     readonly includeHidden: boolean;
     readonly active: boolean;

package/dist/components/index.d.ts

@@ -1,4 +1,6 @@
 export * from './Cell';
+export * from './Customized';
 export * from './label';
 export * from './legend';
+export { default as Text } from './Text';
 export * from './Tooltip';

package/dist/components/label/Label.d.ts

@@ -5,8 +5,8 @@ export declare const Label: import('vue').DefineComponent<import('vue').ExtractP
         type: StringConstructor;
     };
     class: {
-        type: StringConstructor;
         default: string;
+        type: import('vue').PropType<import('../../types').VueClassValue>;
     };
     viewBox: {
         type: import('vue').PropType<import('./types').ViewBox>;
@@ -43,8 +43,8 @@ export declare const Label: import('vue').DefineComponent<import('vue').ExtractP
         type: StringConstructor;
     };
     class: {
-        type: StringConstructor;
         default: string;
+        type: import('vue').PropType<import('../../types').VueClassValue>;
     };
     viewBox: {
         type: import('vue').PropType<import('./types').ViewBox>;
@@ -75,7 +75,7 @@ export declare const Label: import('vue').DefineComponent<import('vue').ExtractP
         type: NumberConstructor;
     };
 }>> & Readonly<{}>, {
-    class: string;
+    class: import('../../types').VueClassValue;
     offset: number;
     textBreakAll: boolean;
 }, SlotsType<LabelSlots>, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/components/label/types.d.ts

@@ -48,8 +48,8 @@ export declare const LabelVueProps: {
         type: StringConstructor;
     };
     class: {
-        type: StringConstructor;
         default: string;
+        type: PropType<import('../../types').VueClassValue>;
     };
     viewBox: {
         type: PropType<ViewBox>;

package/dist/container/Surface.d.ts

@@ -1,4 +1,5 @@
 import { CSSProperties, SVGAttributes } from 'vue';
+import { VueClassValue } from '../types';
 interface ViewBox {
     x?: number;
     y?: number;
@@ -9,7 +10,7 @@ declare const Surface: import('vue').DefineComponent<Omit<SVGAttributes, "viewBo
     width: number;
     height: number;
     viewBox?: ViewBox;
-    class?: string;
+    class?: VueClassValue;
     style?: CSSProperties;
     title?: string;
     desc?: string;
@@ -17,7 +18,7 @@ declare const Surface: import('vue').DefineComponent<Omit<SVGAttributes, "viewBo
     width: number;
     height: number;
     viewBox?: ViewBox;
-    class?: string;
+    class?: VueClassValue;
     style?: CSSProperties;
     title?: string;
     desc?: string;