@octanejs/visx 0.1.0

package/src/xychart/components/axis/AnimatedAxis.tsrx.d.ts

@@ -0,0 +1,9 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { AnimationTrajectory } from '@octanejs/visx/react-spring';
+import type { BaseAxisProps } from './BaseAxis.tsrx';
+export type AnimatedAxisProps<Scale extends AxisScale> = Omit<BaseAxisProps<Scale>, 'AxisComponent'> & {
+    /** Animation trjectory of axis ticks. */
+    animationTrajectory?: AnimationTrajectory;
+};
+export default function AnimatedAxis<Scale extends AxisScale>(props: AnimatedAxisProps<Scale>): import("react").JSX.Element;

package/src/xychart/components/axis/Axis.tsrx

@@ -0,0 +1,11 @@
+import type { AxisScale } from '@octanejs/visx/axis';
+import { Axis as VisxAxis } from '@octanejs/visx/axis';
+import type { BaseAxisProps } from './BaseAxis.tsrx';
+import BaseAxis from './BaseAxis.tsrx';
+
+export type AxisProps<Scale extends AxisScale = AxisScale> =
+	Omit<BaseAxisProps<Scale>, 'AxisComponent'>;
+
+export default function Axis<Scale extends AxisScale = AxisScale>(props: AxisProps<Scale>) {
+	return <BaseAxis AxisComponent={VisxAxis} {...props} />;
+}

package/src/xychart/components/axis/Axis.tsrx.d.ts

@@ -0,0 +1,5 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseAxisProps } from './BaseAxis.tsrx';
+export type AxisProps<Scale extends AxisScale = AxisScale> = Omit<BaseAxisProps<Scale>, 'AxisComponent'>;
+export default function Axis<Scale extends AxisScale = AxisScale>(props: AxisProps<Scale>): import("react").JSX.Element;

package/src/xychart/components/axis/BaseAxis.tsrx

@@ -0,0 +1,94 @@
+import { useMemo, useContext } from 'octane';
+import type { FC } from 'react';
+import type { AxisScale, TickLabelProps, AxisProps as VxAxisProps } from '@octanejs/visx/axis';
+import type { ScaleInput } from '@octanejs/visx/scale';
+import DataContext from '../../context/DataContext.tsrx';
+
+export type BaseAxisProps<Scale extends AxisScale> = Omit<
+  VxAxisProps<Scale>,
+  'scale' | 'orientation'
+> & {
+  /** Required axis orientation. */
+  orientation: NonNullable<VxAxisProps<Scale>['orientation']>;
+} & {
+  /** Rendered component which is passed VxAxisProps by BaseAxis after processing. */
+  AxisComponent: FC<VxAxisProps<Scale>>;
+};
+
+/**
+ * Component which handles all xychart-specific logic for axes,
+ * and passes processed props to a specified Axis / AnimatedAxis component.
+ */
+export default function BaseAxis<Scale extends AxisScale>({
+  AxisComponent,
+  ...props
+}: BaseAxisProps<Scale>) {
+  const { theme, xScale, yScale, margin, width, height, dataRegistry } = useContext(DataContext);
+  const { orientation } = props;
+
+  const axisStyles = useMemo(
+    () =>
+      orientation === 'left' || orientation === 'right'
+        ? theme?.axisStyles?.y?.[orientation]
+        : theme?.axisStyles?.x?.[orientation],
+    [theme, orientation],
+  );
+
+  const maybeTickLabelProps = props.tickLabelProps;
+  const tickLabelProps = useMemo<TickLabelProps<ScaleInput<Scale>> | undefined>(
+    () =>
+      maybeTickLabelProps || axisStyles // construct from props + theme if possible
+        ? (value, index, values) =>
+            // by default, wrap vertical-axis tick labels within the allotted margin space
+            // this does not currently account for axis label
+            ({
+              ...axisStyles?.tickLabel,
+              width:
+                orientation === 'left' || orientation === 'right'
+                  ? margin?.[orientation]
+                  : undefined,
+              ...(typeof maybeTickLabelProps === 'function'
+                ? maybeTickLabelProps(value, index, values)
+                : maybeTickLabelProps),
+            })
+        : undefined,
+    [maybeTickLabelProps, axisStyles, orientation, margin],
+  );
+
+  const topOffset =
+    orientation === 'bottom'
+      ? (height ?? 0) - (margin?.bottom ?? 0)
+      : orientation === 'top'
+      ? margin?.top ?? 0
+      : 0;
+  const leftOffset =
+    orientation === 'left'
+      ? margin?.left ?? 0
+      : orientation === 'right'
+      ? (width ?? 0) - (margin?.right ?? 0)
+      : 0;
+
+  const scale = (orientation === 'left' || orientation === 'right' ? yScale : xScale) as
+    | Scale
+    | undefined;
+
+  // Don't render axis until data is registered with non-empty data, otherwise the
+  // fallback scaleLinear() with domain [0,1] will cause tickFormat to receive
+  // incorrect intermediate values.
+  const hasRegisteredData = dataRegistry?.entries().some((entry) => entry.data.length > 0) ?? false;
+
+  return scale && hasRegisteredData ? (
+    <AxisComponent
+      top={topOffset}
+      left={leftOffset}
+      labelProps={axisStyles?.axisLabel}
+      stroke={axisStyles?.axisLine?.stroke}
+      strokeWidth={axisStyles?.axisLine?.strokeWidth}
+      tickLength={axisStyles?.tickLength}
+      tickStroke={axisStyles?.tickLine?.stroke}
+      {...props}
+      tickLabelProps={tickLabelProps}
+      scale={scale}
+    />
+  ) : null;
+}

package/src/xychart/components/axis/BaseAxis.tsrx.d.ts

@@ -0,0 +1,15 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { FC } from 'react';
+import type { AxisScale, AxisProps as VxAxisProps } from '@octanejs/visx/axis';
+export type BaseAxisProps<Scale extends AxisScale> = Omit<VxAxisProps<Scale>, 'scale' | 'orientation'> & {
+    /** Required axis orientation. */
+    orientation: NonNullable<VxAxisProps<Scale>['orientation']>;
+} & {
+    /** Rendered component which is passed VxAxisProps by BaseAxis after processing. */
+    AxisComponent: FC<VxAxisProps<Scale>>;
+};
+/**
+ * Component which handles all xychart-specific logic for axes,
+ * and passes processed props to a specified Axis / AnimatedAxis component.
+ */
+export default function BaseAxis<Scale extends AxisScale>({ AxisComponent, ...props }: BaseAxisProps<Scale>): import("react").JSX.Element | null;

package/src/xychart/components/grid/AnimatedGrid.tsrx

@@ -0,0 +1,34 @@
+/* eslint-disable react/no-unstable-nested-components */
+import { useMemo } from 'octane';
+import { AnimatedGridRows, AnimatedGridColumns } from '@octanejs/visx/react-spring';
+import type { AnimationTrajectory } from '@octanejs/visx/react-spring';
+import type { GridRowsProps, GridColumnsProps } from '@octanejs/visx/grid';
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseGridProps } from './BaseGrid.tsrx';
+import BaseGrid from './BaseGrid.tsrx';
+
+export type AnimatedGridProps =
+	Omit<BaseGridProps, 'GridRowsComponent' | 'GridColumnsComponent'> & {
+		/** Animation trajectory of grid lines. */
+		animationTrajectory?: AnimationTrajectory;
+	};
+
+export default function AnimatedGrid({ animationTrajectory, ...props }: AnimatedGridProps) {
+	const RowsComponent = useMemo(
+		() => function RowsFC(rowProps: GridRowsProps<AxisScale>) {
+			return <AnimatedGridRows {...rowProps} animationTrajectory={animationTrajectory} />;
+		},
+		[animationTrajectory],
+	);
+	const ColumnsComponent = useMemo(
+		() => function ColumnsFC(rowProps: GridColumnsProps<AxisScale>) {
+			return <AnimatedGridColumns {...rowProps} animationTrajectory={animationTrajectory} />;
+		},
+		[animationTrajectory],
+	);
+	return <BaseGrid
+		GridRowsComponent={RowsComponent}
+		GridColumnsComponent={ColumnsComponent}
+		{...props}
+	/>;
+}

package/src/xychart/components/grid/AnimatedGrid.tsrx.d.ts

@@ -0,0 +1,8 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { AnimationTrajectory } from '@octanejs/visx/react-spring';
+import type { BaseGridProps } from './BaseGrid.tsrx';
+export type AnimatedGridProps = Omit<BaseGridProps, 'GridRowsComponent' | 'GridColumnsComponent'> & {
+    /** Animation trajectory of grid lines. */
+    animationTrajectory?: AnimationTrajectory;
+};
+export default function AnimatedGrid({ animationTrajectory, ...props }: AnimatedGridProps): import("react").JSX.Element;

package/src/xychart/components/grid/BaseGrid.tsrx

@@ -0,0 +1,49 @@
+import { useContext } from 'octane';
+import type { FC } from 'react';
+import type { CommonGridProps, AllGridRowsProps, GridColumnsProps } from '@octanejs/visx/grid';
+import type { AxisScale } from '@octanejs/visx/axis';
+import DataContext from '../../context/DataContext.tsrx';
+
+export type BaseGridProps = {
+		/** Whether to render GridRows. */
+		rows?: boolean;
+		/** Whether to render GridColumns. */
+		columns?: boolean;
+		/** Rendered GridRows component which is passed GridRowProps by BaseGrid. */
+		GridRowsComponent: FC<AllGridRowsProps<AxisScale>>;
+		/** Rendered GridColumns component which is passed GridColumnsProps by BaseGrid. */
+		GridColumnsComponent: FC<GridColumnsProps<AxisScale>>;
+	} & CommonGridProps;
+
+/** Component that handles all  */
+export default function BaseGrid({
+	rows = true,
+	columns = true,
+	GridRowsComponent,
+	GridColumnsComponent,
+	...props
+}: BaseGridProps) {
+	const { theme, xScale: columnsScale, yScale: rowsScale, margin, innerWidth, innerHeight } =
+		useContext(DataContext);
+
+	const gridLineStyles = theme?.gridStyles;
+
+	return <>
+		{rows && rowsScale && innerWidth != null &&
+			<GridRowsComponent
+				left={margin?.left}
+				lineStyle={gridLineStyles}
+				width={innerWidth}
+				scale={rowsScale}
+				{...props}
+			/>}
+		{columns && columnsScale && innerHeight != null &&
+			<GridColumnsComponent
+				top={margin?.top}
+				lineStyle={gridLineStyles}
+				height={innerHeight}
+				scale={columnsScale}
+				{...props}
+			/>}
+	</>;
+}

package/src/xychart/components/grid/BaseGrid.tsrx.d.ts

@@ -0,0 +1,16 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { FC } from 'react';
+import type { CommonGridProps, AllGridRowsProps, GridColumnsProps } from '@octanejs/visx/grid';
+import type { AxisScale } from '@octanejs/visx/axis';
+export type BaseGridProps = {
+    /** Whether to render GridRows. */
+    rows?: boolean;
+    /** Whether to render GridColumns. */
+    columns?: boolean;
+    /** Rendered GridRows component which is passed GridRowProps by BaseGrid. */
+    GridRowsComponent: FC<AllGridRowsProps<AxisScale>>;
+    /** Rendered GridColumns component which is passed GridColumnsProps by BaseGrid. */
+    GridColumnsComponent: FC<GridColumnsProps<AxisScale>>;
+} & CommonGridProps;
+/** Component that handles all  */
+export default function BaseGrid({ rows, columns, GridRowsComponent, GridColumnsComponent, ...props }: BaseGridProps): import("react").JSX.Element;

package/src/xychart/components/grid/Grid.tsrx

@@ -0,0 +1,9 @@
+import { GridRows, GridColumns } from '@octanejs/visx/grid';
+import type { BaseGridProps } from './BaseGrid.tsrx';
+import BaseGrid from './BaseGrid.tsrx';
+
+export type GridProps = Omit<BaseGridProps, 'GridRowsComponent' | 'GridColumnsComponent'>;
+
+export default function Grid(props: GridProps) {
+	return <BaseGrid GridRowsComponent={GridRows} GridColumnsComponent={GridColumns} {...props} />;
+}

package/src/xychart/components/grid/Grid.tsrx.d.ts

@@ -0,0 +1,4 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { BaseGridProps } from './BaseGrid.tsrx';
+export type GridProps = Omit<BaseGridProps, 'GridRowsComponent' | 'GridColumnsComponent'>;
+export default function Grid(props: GridProps): import("react").JSX.Element;

package/src/xychart/components/series/AnimatedAreaSeries.tsrx

@@ -0,0 +1,8 @@
+import type { AxisScale } from '@octanejs/visx/axis';
+import AnimatedPath from './private/AnimatedPath.tsrx';
+import type { BaseAreaSeriesProps } from './private/BaseAreaSeries.tsrx';
+import BaseAreaSeries from './private/BaseAreaSeries.tsrx';
+
+export default function AnimatedAreaSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>(props: Omit<BaseAreaSeriesProps<XScale, YScale, Datum>, 'PathComponent'>) {
+	return <BaseAreaSeries {...props} PathComponent={AnimatedPath} />;
+}

package/src/xychart/components/series/AnimatedAreaSeries.tsrx.d.ts

@@ -0,0 +1,4 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseAreaSeriesProps } from './private/BaseAreaSeries.tsrx';
+export default function AnimatedAreaSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>(props: Omit<BaseAreaSeriesProps<XScale, YScale, Datum>, 'PathComponent'>): import("react").JSX.Element;

package/src/xychart/components/series/AnimatedAreaStack.tsrx

@@ -0,0 +1,8 @@
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseAreaStackProps } from './private/BaseAreaStack.tsrx';
+import BaseAreaStack from './private/BaseAreaStack.tsrx';
+import AnimatedPath from './private/AnimatedPath.tsrx';
+
+export default function AnimatedAreaStack<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>(props: Omit<BaseAreaStackProps<XScale, YScale, Datum>, 'PathComponent'>) {
+	return <BaseAreaStack {...props} PathComponent={AnimatedPath} />;
+}

package/src/xychart/components/series/AnimatedAreaStack.tsrx.d.ts

@@ -0,0 +1,4 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseAreaStackProps } from './private/BaseAreaStack.tsrx';
+export default function AnimatedAreaStack<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>(props: Omit<BaseAreaStackProps<XScale, YScale, Datum>, 'PathComponent'>): import("react").JSX.Element;

package/src/xychart/components/series/AnimatedBarGroup.tsrx

@@ -0,0 +1,8 @@
+import type { PositionScale } from '@octanejs/visx/shape';
+import type { BaseBarGroupProps } from './private/BaseBarGroup.tsrx';
+import BaseBarGroup from './private/BaseBarGroup.tsrx';
+import AnimatedBars from './private/AnimatedBars.tsrx';
+
+export default function AnimatedBarGroup<XScale extends PositionScale, YScale extends PositionScale, Datum extends object>(props: Omit<BaseBarGroupProps<XScale, YScale, Datum>, 'BarsComponent'>) {
+	return <BaseBarGroup {...props} BarsComponent={AnimatedBars} />;
+}

package/src/xychart/components/series/AnimatedBarGroup.tsrx.d.ts

@@ -0,0 +1,4 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { PositionScale } from '@octanejs/visx/shape';
+import type { BaseBarGroupProps } from './private/BaseBarGroup.tsrx';
+export default function AnimatedBarGroup<XScale extends PositionScale, YScale extends PositionScale, Datum extends object>(props: Omit<BaseBarGroupProps<XScale, YScale, Datum>, 'BarsComponent'>): import("react").JSX.Element;

package/src/xychart/components/series/AnimatedBarSeries.tsrx

@@ -0,0 +1,15 @@
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseBarSeriesProps } from './private/BaseBarSeries.tsrx';
+import BaseBarSeries from './private/BaseBarSeries.tsrx';
+import AnimatedBars from './private/AnimatedBars.tsrx';
+
+export default function AnimatedBarSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>({
+	colorAccessor,
+	...props
+}: Omit<BaseBarSeriesProps<XScale, YScale, Datum>, 'BarsComponent'>) {
+	return <BaseBarSeries
+		{...props}
+		colorAccessor={colorAccessor as BaseBarSeriesProps<XScale, YScale, object>['colorAccessor']}
+		BarsComponent={AnimatedBars}
+	/>;
+}

package/src/xychart/components/series/AnimatedBarSeries.tsrx.d.ts

@@ -0,0 +1,4 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseBarSeriesProps } from './private/BaseBarSeries.tsrx';
+export default function AnimatedBarSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>({ colorAccessor, ...props }: Omit<BaseBarSeriesProps<XScale, YScale, Datum>, 'BarsComponent'>): import("react").JSX.Element;

package/src/xychart/components/series/AnimatedBarStack.tsrx

@@ -0,0 +1,8 @@
+import type { PositionScale } from '@octanejs/visx/shape';
+import type { BaseBarStackProps } from './private/BaseBarStack.tsrx';
+import BaseBarStack from './private/BaseBarStack.tsrx';
+import AnimatedBars from './private/AnimatedBars.tsrx';
+
+export default function AnimatedBarStack<XScale extends PositionScale, YScale extends PositionScale, Datum extends object>(props: Omit<BaseBarStackProps<XScale, YScale, Datum>, 'BarsComponent'>) {
+	return <BaseBarStack {...props} BarsComponent={AnimatedBars} />;
+}

package/src/xychart/components/series/AnimatedBarStack.tsrx.d.ts

@@ -0,0 +1,4 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { PositionScale } from '@octanejs/visx/shape';
+import type { BaseBarStackProps } from './private/BaseBarStack.tsrx';
+export default function AnimatedBarStack<XScale extends PositionScale, YScale extends PositionScale, Datum extends object>(props: Omit<BaseBarStackProps<XScale, YScale, Datum>, 'BarsComponent'>): import("react").JSX.Element;

package/src/xychart/components/series/AnimatedGlyphSeries.tsrx

@@ -0,0 +1,28 @@
+import type { AxisScale } from '@octanejs/visx/axis';
+import { useCallback } from 'octane';
+import type { FC } from 'react';
+import type { GlyphProps, GlyphsProps } from '../../types';
+import AnimatedGlyphs from './private/AnimatedGlyphs.tsrx';
+import type { BaseGlyphSeriesProps } from './private/BaseGlyphSeries.tsrx';
+import BaseGlyphSeries from './private/BaseGlyphSeries.tsrx';
+import defaultRenderGlyph from './private/defaultRenderGlyph.tsrx';
+
+export default function AnimatedGlyphSeries<
+  XScale extends AxisScale,
+  YScale extends AxisScale,
+  Datum extends object,
+>({
+  renderGlyph = defaultRenderGlyph,
+  ...props
+}: Omit<BaseGlyphSeriesProps<XScale, YScale, Datum>, 'renderGlyphs'> & {
+  renderGlyph?: FC<GlyphProps<Datum>>;
+}) {
+  const renderGlyphs = useCallback(
+    (glyphsProps: GlyphsProps<XScale, YScale, Datum>) => (
+      <AnimatedGlyphs {...glyphsProps} renderGlyph={renderGlyph} />
+    ),
+    [renderGlyph],
+  );
+
+  return <BaseGlyphSeries {...props} renderGlyphs={renderGlyphs} />;
+}

package/src/xychart/components/series/AnimatedGlyphSeries.tsrx.d.ts

@@ -0,0 +1,8 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { FC } from 'react';
+import type { GlyphProps } from '../../types';
+import type { BaseGlyphSeriesProps } from './private/BaseGlyphSeries.tsrx';
+export default function AnimatedGlyphSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>({ renderGlyph, ...props }: Omit<BaseGlyphSeriesProps<XScale, YScale, Datum>, 'renderGlyphs'> & {
+    renderGlyph?: FC<GlyphProps<Datum>>;
+}): import("react").JSX.Element;

package/src/xychart/components/series/AnimatedLineSeries.tsrx

@@ -0,0 +1,8 @@
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseLineSeriesProps } from './private/BaseLineSeries.tsrx';
+import BaseLineSeries from './private/BaseLineSeries.tsrx';
+import AnimatedPath from './private/AnimatedPath.tsrx';
+
+export default function AnimatedLineSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>(props: Omit<BaseLineSeriesProps<XScale, YScale, Datum>, 'PathComponent'>) {
+	return <BaseLineSeries {...props} PathComponent={AnimatedPath} />;
+}

package/src/xychart/components/series/AnimatedLineSeries.tsrx.d.ts

@@ -0,0 +1,4 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseLineSeriesProps } from './private/BaseLineSeries.tsrx';
+export default function AnimatedLineSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>(props: Omit<BaseLineSeriesProps<XScale, YScale, Datum>, 'PathComponent'>): import("react").JSX.Element;

package/src/xychart/components/series/AreaSeries.tsrx

@@ -0,0 +1,7 @@
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseAreaSeriesProps } from './private/BaseAreaSeries.tsrx';
+import BaseAreaSeries from './private/BaseAreaSeries.tsrx';
+
+export default function AreaSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>(props: Omit<BaseAreaSeriesProps<XScale, YScale, Datum>, 'PathComponent'>) {
+	return <BaseAreaSeries {...props} />;
+}

package/src/xychart/components/series/AreaSeries.tsrx.d.ts

@@ -0,0 +1,4 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseAreaSeriesProps } from './private/BaseAreaSeries.tsrx';
+export default function AreaSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>(props: Omit<BaseAreaSeriesProps<XScale, YScale, Datum>, 'PathComponent'>): import("react").JSX.Element;

package/src/xychart/components/series/AreaStack.tsrx

@@ -0,0 +1,7 @@
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseAreaStackProps } from './private/BaseAreaStack.tsrx';
+import BaseAreaStack from './private/BaseAreaStack.tsrx';
+
+export default function AreaStack<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>(props: Omit<BaseAreaStackProps<XScale, YScale, Datum>, 'PathComponent'>) {
+	return <BaseAreaStack {...props} />;
+}

package/src/xychart/components/series/AreaStack.tsrx.d.ts

@@ -0,0 +1,4 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseAreaStackProps } from './private/BaseAreaStack.tsrx';
+export default function AreaStack<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>(props: Omit<BaseAreaStackProps<XScale, YScale, Datum>, 'PathComponent'>): import("react").JSX.Element;

package/src/xychart/components/series/BarGroup.tsrx

@@ -0,0 +1,8 @@
+import type { PositionScale } from '@octanejs/visx/shape';
+import type { BaseBarGroupProps } from './private/BaseBarGroup.tsrx';
+import BaseBarGroup from './private/BaseBarGroup.tsrx';
+import Bars from './private/Bars.tsrx';
+
+export default function BarGroup<XScale extends PositionScale, YScale extends PositionScale, Datum extends object>(props: Omit<BaseBarGroupProps<XScale, YScale, Datum>, 'BarsComponent'>) {
+	return <BaseBarGroup {...props} BarsComponent={Bars} />;
+}

package/src/xychart/components/series/BarGroup.tsrx.d.ts

@@ -0,0 +1,4 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { PositionScale } from '@octanejs/visx/shape';
+import type { BaseBarGroupProps } from './private/BaseBarGroup.tsrx';
+export default function BarGroup<XScale extends PositionScale, YScale extends PositionScale, Datum extends object>(props: Omit<BaseBarGroupProps<XScale, YScale, Datum>, 'BarsComponent'>): import("react").JSX.Element;

package/src/xychart/components/series/BarSeries.tsrx

@@ -0,0 +1,13 @@
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseBarSeriesProps } from './private/BaseBarSeries.tsrx';
+import BaseBarSeries from './private/BaseBarSeries.tsrx';
+import Bars from './private/Bars.tsrx';
+
+function BarSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>({
+	colorAccessor,
+	...props
+}: Omit<BaseBarSeriesProps<XScale, YScale, Datum>, 'BarsComponent'>) {
+	return <BaseBarSeries {...props} colorAccessor={colorAccessor} BarsComponent={Bars} />;
+}
+
+export default BarSeries

package/src/xychart/components/series/BarSeries.tsrx.d.ts

@@ -0,0 +1,5 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseBarSeriesProps } from './private/BaseBarSeries.tsrx';
+declare function BarSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>({ colorAccessor, ...props }: Omit<BaseBarSeriesProps<XScale, YScale, Datum>, 'BarsComponent'>): import("react").JSX.Element;
+export default BarSeries;

package/src/xychart/components/series/BarStack.tsrx

@@ -0,0 +1,8 @@
+import type { PositionScale } from '@octanejs/visx/shape';
+import type { BaseBarStackProps } from './private/BaseBarStack.tsrx';
+import BaseBarStack from './private/BaseBarStack.tsrx';
+import Bars from './private/Bars.tsrx';
+
+export default function BarStack<XScale extends PositionScale, YScale extends PositionScale, Datum extends object>(props: Omit<BaseBarStackProps<XScale, YScale, Datum>, 'BarsComponent'>) {
+	return <BaseBarStack {...props} BarsComponent={Bars} />;
+}

package/src/xychart/components/series/BarStack.tsrx.d.ts

@@ -0,0 +1,4 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { PositionScale } from '@octanejs/visx/shape';
+import type { BaseBarStackProps } from './private/BaseBarStack.tsrx';
+export default function BarStack<XScale extends PositionScale, YScale extends PositionScale, Datum extends object>(props: Omit<BaseBarStackProps<XScale, YScale, Datum>, 'BarsComponent'>): import("react").JSX.Element;

package/src/xychart/components/series/GlyphSeries.tsrx

@@ -0,0 +1,38 @@
+import type { AxisScale } from '@octanejs/visx/axis';
+import { Fragment, useCallback } from 'octane';
+import type { FC, ReactNode } from 'react';
+import type { GlyphProps, GlyphsProps } from '../../types';
+import type { BaseGlyphSeriesProps } from './private/BaseGlyphSeries.tsrx';
+import BaseGlyphSeries from './private/BaseGlyphSeries.tsrx';
+import defaultRenderGlyph from './private/defaultRenderGlyph.tsrx';
+
+export default function GlyphSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>({
+	renderGlyph = defaultRenderGlyph,
+	...props
+}: Omit<BaseGlyphSeriesProps<XScale, YScale, Datum>, 'renderGlyphs'> & {
+	renderGlyph?: FC<GlyphProps<Datum>>;
+}) {
+	const renderGlyphs = useCallback(
+		({
+			glyphs,
+			onPointerMove,
+			onPointerOut,
+			onPointerUp,
+			onFocus,
+			onBlur,
+		}: GlyphsProps<XScale, YScale, Datum>) => glyphs.map(
+			(glyph) => <Fragment key={glyph.key}>
+				{renderGlyph({
+					...glyph,
+					onPointerMove,
+					onPointerOut,
+					onPointerUp,
+					onFocus,
+					onBlur,
+				}) as ReactNode}
+			</Fragment>,
+		),
+		[renderGlyph],
+	);
+	return <BaseGlyphSeries {...props} renderGlyphs={renderGlyphs} />;
+}

package/src/xychart/components/series/GlyphSeries.tsrx.d.ts

@@ -0,0 +1,8 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { FC } from 'react';
+import type { GlyphProps } from '../../types';
+import type { BaseGlyphSeriesProps } from './private/BaseGlyphSeries.tsrx';
+export default function GlyphSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>({ renderGlyph, ...props }: Omit<BaseGlyphSeriesProps<XScale, YScale, Datum>, 'renderGlyphs'> & {
+    renderGlyph?: FC<GlyphProps<Datum>>;
+}): import("react").JSX.Element;

package/src/xychart/components/series/LineSeries.tsrx

@@ -0,0 +1,7 @@
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseLineSeriesProps } from './private/BaseLineSeries.tsrx';
+import BaseLineSeries from './private/BaseLineSeries.tsrx';
+
+export default function LineSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>(props: Omit<BaseLineSeriesProps<XScale, YScale, Datum>, 'PathComponent'>) {
+	return <BaseLineSeries {...props} />;
+}

package/src/xychart/components/series/LineSeries.tsrx.d.ts

@@ -0,0 +1,4 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { AxisScale } from '@octanejs/visx/axis';
+import type { BaseLineSeriesProps } from './private/BaseLineSeries.tsrx';
+export default function LineSeries<XScale extends AxisScale, YScale extends AxisScale, Datum extends object>(props: Omit<BaseLineSeriesProps<XScale, YScale, Datum>, 'PathComponent'>): import("react").JSX.Element;