@octanejs/visx 0.1.0

package/src/gradient/gradients/GradientSteelPurple.tsrx

@@ -0,0 +1,13 @@
+import type { LinearGradientProps } from './LinearGradient.tsrx';
+import LinearGradient from './LinearGradient.tsrx';
+
+/**
+ * All props pass through to `<LinearGradient {...props} />`
+ */
+export default function GradientSteelPurple({
+	from = '#65799B',
+	to = '#5E2563',
+	...restProps
+}: LinearGradientProps) {
+	return <LinearGradient from={from} to={to} {...restProps} />;
+}

package/src/gradient/gradients/GradientSteelPurple.tsrx.d.ts

@@ -0,0 +1,6 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { LinearGradientProps } from './LinearGradient.tsrx';
+/**
+ * All props pass through to `<LinearGradient {...props} />`
+ */
+export default function GradientSteelPurple({ from, to, ...restProps }: LinearGradientProps): import("react").JSX.Element;

package/src/gradient/gradients/GradientTealBlue.tsrx

@@ -0,0 +1,13 @@
+import type { LinearGradientProps } from './LinearGradient.tsrx';
+import LinearGradient from './LinearGradient.tsrx';
+
+/**
+ * All props pass through to `<LinearGradient {...props} />`
+ */
+export default function GradientTealBlue({
+	from = '#17EAD9',
+	to = '#6078EA',
+	...restProps
+}: LinearGradientProps) {
+	return <LinearGradient from={from} to={to} {...restProps} />;
+}

package/src/gradient/gradients/GradientTealBlue.tsrx.d.ts

@@ -0,0 +1,6 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { LinearGradientProps } from './LinearGradient.tsrx';
+/**
+ * All props pass through to `<LinearGradient {...props} />`
+ */
+export default function GradientTealBlue({ from, to, ...restProps }: LinearGradientProps): import("react").JSX.Element;

package/src/gradient/gradients/LinearGradient.tsrx

@@ -0,0 +1,85 @@
+import type { ReactNode, SVGProps } from 'react';
+import useStableId from '../../kernel/ids/useStableId.tsrx';
+
+type LinearGradientOwnProps = {
+	/** Unique id for the gradient. Should be unique across all page elements. */
+	id?: string;
+	/** Start color of gradient. */
+	from?: string;
+	/** End color of gradient. */
+	to?: string;
+	/** The x coordinate of the starting point along which the linear gradient is drawn. */
+	x1?: string | number;
+	/** The x coordinate of the ending point along which the linear gradient is drawn. */
+	x2?: string | number;
+	/** The y coordinate of the starting point along which the linear gradient is drawn. */
+	y1?: string | number;
+	/** The y coordinate of the ending point along which the linear gradient is drawn. */
+	y2?: string | number;
+	/** Number or percent defining the where the 'from' starting color is placed along the gradient. */
+	fromOffset?: string | number;
+	/** Opacity of the 'from' starting color. */
+	fromOpacity?: string | number;
+	/** Number or percent defining the where the 'to' ending color is placed along the gradient. */
+	toOffset?: string | number;
+	/** Opacity of the 'to' ending color. */
+	toOpacity?: string | number;
+	/** Rotation to apply to gradient. */
+	rotate?: string | number;
+	/** Transform to apply to linearGradient, overrides rotate. */
+	transform?: string;
+	/** Override of linearGradient children. */
+	children?: ReactNode;
+	/** (When no x or y values are passed), will orient the gradient vertically instead of horizontally. */
+	vertical?: boolean;
+};
+
+export type LinearGradientProps =
+	LinearGradientOwnProps & Omit<SVGProps<SVGLinearGradientElement>, keyof LinearGradientOwnProps>;
+
+export default function LinearGradient({
+	children,
+	id,
+	from,
+	to,
+	x1: _x1,
+	y1: _y1,
+	x2: _x2,
+	y2: _y2,
+	fromOffset = '0%',
+	fromOpacity = 1,
+	toOffset = '100%',
+	toOpacity = 1,
+	rotate,
+	transform,
+	vertical = true,
+	...restProps
+}: LinearGradientProps) {
+	const generatedId = useStableId('visx-gradient');
+	const gradientId = id ?? generatedId;
+	let x1 = _x1;
+	let x2 = _x2;
+	let y1 = _y1;
+	let y2 = _y2;
+	if (vertical && !x1 && !x2 && !y1 && !y2) {
+		x1 = '0';
+		x2 = '0';
+		y1 = '0';
+		y2 = '1';
+	}
+	return <defs>
+		<linearGradient
+			id={gradientId}
+			x1={x1}
+			y1={y1}
+			x2={x2}
+			y2={y2}
+			gradientTransform={rotate ? `rotate(${rotate})` : transform}
+			{...restProps}
+		>
+			{!!children && children}
+			{!children && <stop offset={fromOffset} stopColor={from} stopOpacity={fromOpacity} />}
+			{!children && <stop offset={toOffset} stopColor={to} stopOpacity={toOpacity} />}
+		</linearGradient>
+	</defs>;
+}

package/src/gradient/gradients/LinearGradient.tsrx.d.ts

@@ -0,0 +1,37 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { ReactNode, SVGProps } from 'react';
+type LinearGradientOwnProps = {
+    /** Unique id for the gradient. Should be unique across all page elements. */
+    id?: string;
+    /** Start color of gradient. */
+    from?: string;
+    /** End color of gradient. */
+    to?: string;
+    /** The x coordinate of the starting point along which the linear gradient is drawn. */
+    x1?: string | number;
+    /** The x coordinate of the ending point along which the linear gradient is drawn. */
+    x2?: string | number;
+    /** The y coordinate of the starting point along which the linear gradient is drawn. */
+    y1?: string | number;
+    /** The y coordinate of the ending point along which the linear gradient is drawn. */
+    y2?: string | number;
+    /** Number or percent defining the where the 'from' starting color is placed along the gradient. */
+    fromOffset?: string | number;
+    /** Opacity of the 'from' starting color. */
+    fromOpacity?: string | number;
+    /** Number or percent defining the where the 'to' ending color is placed along the gradient. */
+    toOffset?: string | number;
+    /** Opacity of the 'to' ending color. */
+    toOpacity?: string | number;
+    /** Rotation to apply to gradient. */
+    rotate?: string | number;
+    /** Transform to apply to linearGradient, overrides rotate. */
+    transform?: string;
+    /** Override of linearGradient children. */
+    children?: ReactNode;
+    /** (When no x or y values are passed), will orient the gradient vertically instead of horizontally. */
+    vertical?: boolean;
+};
+export type LinearGradientProps = LinearGradientOwnProps & Omit<SVGProps<SVGLinearGradientElement>, keyof LinearGradientOwnProps>;
+export default function LinearGradient({ children, id, from, to, x1: _x1, y1: _y1, x2: _x2, y2: _y2, fromOffset, fromOpacity, toOffset, toOpacity, rotate, transform, vertical, ...restProps }: LinearGradientProps): import("react").JSX.Element;
+export {};

package/src/gradient/gradients/RadialGradient.tsrx

@@ -0,0 +1,43 @@
+import type { SVGProps } from 'react';
+import type { LinearGradientProps } from './LinearGradient.tsrx';
+import useStableId from '../../kernel/ids/useStableId.tsrx';
+
+export type RadialGradientProps =
+	Pick<LinearGradientProps, | 'id'
+	| 'from'
+	| 'to'
+	| 'fromOffset'
+	| 'fromOpacity'
+	| 'toOffset'
+	| 'toOpacity'
+	| 'rotate'
+	| 'transform'
+	| 'children'> & SVGProps<SVGRadialGradientElement>; // passed as rest props to radialGradient
+
+export default function RadialGradient({
+	children,
+	id,
+	from,
+	to,
+	fromOffset = '0%',
+	fromOpacity = 1,
+	toOffset = '100%',
+	toOpacity = 1,
+	rotate,
+	transform,
+	...restProps
+}: RadialGradientProps) {
+	const generatedId = useStableId('visx-gradient');
+	const gradientId = id ?? generatedId;
+	return <defs>
+		<radialGradient
+			id={gradientId}
+			gradientTransform={rotate ? `rotate(${rotate})` : transform}
+			{...restProps}
+		>
+			{!!children && children}
+			{!children && <stop offset={fromOffset} stopColor={from} stopOpacity={fromOpacity} />}
+			{!children && <stop offset={toOffset} stopColor={to} stopOpacity={toOpacity} />}
+		</radialGradient>
+	</defs>;
+}

package/src/gradient/gradients/RadialGradient.tsrx.d.ts

@@ -0,0 +1,5 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { SVGProps } from 'react';
+import type { LinearGradientProps } from './LinearGradient.tsrx';
+export type RadialGradientProps = Pick<LinearGradientProps, 'id' | 'from' | 'to' | 'fromOffset' | 'fromOpacity' | 'toOffset' | 'toOpacity' | 'rotate' | 'transform' | 'children'> & SVGProps<SVGRadialGradientElement>;
+export default function RadialGradient({ children, id, from, to, fromOffset, fromOpacity, toOffset, toOpacity, rotate, transform, ...restProps }: RadialGradientProps): import("react").JSX.Element;

package/src/gradient/index.ts

@@ -0,0 +1,16 @@
+// @octanejs/visx/gradient
+export { default as LinearGradient } from './gradients/LinearGradient.tsrx';
+export { default as RadialGradient } from './gradients/RadialGradient.tsrx';
+export { default as GradientDarkgreenGreen } from './gradients/GradientDarkgreenGreen.tsrx';
+export { default as GradientLightgreenGreen } from './gradients/GradientLightgreenGreen.tsrx';
+export { default as GradientOrangeRed } from './gradients/GradientOrangeRed.tsrx';
+export { default as GradientPinkBlue } from './gradients/GradientPinkBlue.tsrx';
+export { default as GradientPinkRed } from './gradients/GradientPinkRed.tsrx';
+export { default as GradientPurpleOrange } from './gradients/GradientPurpleOrange.tsrx';
+export { default as GradientPurpleRed } from './gradients/GradientPurpleRed.tsrx';
+export { default as GradientPurpleTeal } from './gradients/GradientPurpleTeal.tsrx';
+export { default as GradientSteelPurple } from './gradients/GradientSteelPurple.tsrx';
+export { default as GradientTealBlue } from './gradients/GradientTealBlue.tsrx';
+
+export type { LinearGradientProps } from './gradients/LinearGradient.tsrx';
+export type { RadialGradientProps } from './gradients/RadialGradient.tsrx';

package/src/grid/grids/Grid.tsrx

@@ -0,0 +1,86 @@
+import cx from 'classnames';
+import { Group } from '@octanejs/visx/group';
+import type { ScaleInput } from '@octanejs/visx/scale';
+import type { AllGridRowsProps } from './GridRows.tsrx';
+import GridRows from './GridRows.tsrx';
+import type { AllGridColumnsProps } from './GridColumns.tsrx';
+import GridColumns from './GridColumns.tsrx';
+import type { CommonGridProps, GridScale } from '../types';
+
+type CommonPropsToOmit =
+	'scale' | 'offset' | 'numTicks' | 'lineStyle' | 'tickValues' | 'from' | 'to' | 'children';
+
+export type GridProps<XScale extends GridScale, YScale extends GridScale> =
+	Omit<AllGridRowsProps<YScale> & AllGridColumnsProps<XScale>, CommonPropsToOmit> & {
+		/** `@octanejs/visx/scale` or `d3-scale` object used to map from ScaleInput to x-coordinates (GridColumns). */
+		xScale: XScale;
+		/** `@octanejs/visx/scale` or `d3-scale` object used to map from ScaleInput to y-coordinates (GridRows). */
+		yScale: YScale;
+		/** Pixel offset to apply as an x-translation to each GridColumns line. */
+		xOffset?: CommonGridProps['offset'];
+		/** Pixel offset to apply as an y-translation to each GridRows line. */
+		yOffset?: CommonGridProps['offset'];
+		/** Approximate number of row gridlines. */
+		numTicksRows?: CommonGridProps['numTicks'];
+		/** Approximate number of column gridlines. */
+		numTicksColumns?: CommonGridProps['numTicks'];
+		/** Style object to apply to GridRows. */
+		rowLineStyle?: CommonGridProps['lineStyle'];
+		/** Style object to apply to GridColumns. */
+		columnLineStyle?: CommonGridProps['lineStyle'];
+		/** Exact values to be used for GridRows lines, passed to yScale. Use this if you need precise control over GridRows values.  */
+		rowTickValues?: ScaleInput<YScale>[];
+		/** Exact values to be used for GridColumns lines, passed to xScale. Use this if you need precise control over GridColumns values.  */
+		columnTickValues?: ScaleInput<XScale>[];
+	};
+
+export default function Grid<XScale extends GridScale, YScale extends GridScale>({
+	top,
+	left,
+	xScale,
+	yScale,
+	width,
+	height,
+	className,
+	stroke,
+	strokeWidth,
+	strokeDasharray,
+	numTicksRows,
+	numTicksColumns,
+	rowLineStyle,
+	columnLineStyle,
+	xOffset,
+	yOffset,
+	rowTickValues,
+	columnTickValues,
+	...restProps
+}: GridProps<XScale, YScale>) {
+	return <Group className={cx('visx-grid', className)} top={top} left={left}>
+		<GridRows
+			className={className}
+			scale={yScale}
+			width={width}
+			stroke={stroke}
+			strokeWidth={strokeWidth}
+			strokeDasharray={strokeDasharray}
+			numTicks={numTicksRows}
+			lineStyle={rowLineStyle}
+			offset={yOffset}
+			tickValues={rowTickValues}
+			{...restProps}
+		/>
+		<GridColumns
+			className={className}
+			scale={xScale}
+			height={height}
+			stroke={stroke}
+			strokeWidth={strokeWidth}
+			strokeDasharray={strokeDasharray}
+			numTicks={numTicksColumns}
+			lineStyle={columnLineStyle}
+			offset={xOffset}
+			tickValues={columnTickValues}
+			{...restProps}
+		/>
+	</Group>;
+}

package/src/grid/grids/Grid.tsrx.d.ts

@@ -0,0 +1,30 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { ScaleInput } from '@octanejs/visx/scale';
+import type { AllGridRowsProps } from './GridRows.tsrx';
+import type { AllGridColumnsProps } from './GridColumns.tsrx';
+import type { CommonGridProps, GridScale } from '../types';
+type CommonPropsToOmit = 'scale' | 'offset' | 'numTicks' | 'lineStyle' | 'tickValues' | 'from' | 'to' | 'children';
+export type GridProps<XScale extends GridScale, YScale extends GridScale> = Omit<AllGridRowsProps<YScale> & AllGridColumnsProps<XScale>, CommonPropsToOmit> & {
+    /** `@octanejs/visx/scale` or `d3-scale` object used to map from ScaleInput to x-coordinates (GridColumns). */
+    xScale: XScale;
+    /** `@octanejs/visx/scale` or `d3-scale` object used to map from ScaleInput to y-coordinates (GridRows). */
+    yScale: YScale;
+    /** Pixel offset to apply as an x-translation to each GridColumns line. */
+    xOffset?: CommonGridProps['offset'];
+    /** Pixel offset to apply as an y-translation to each GridRows line. */
+    yOffset?: CommonGridProps['offset'];
+    /** Approximate number of row gridlines. */
+    numTicksRows?: CommonGridProps['numTicks'];
+    /** Approximate number of column gridlines. */
+    numTicksColumns?: CommonGridProps['numTicks'];
+    /** Style object to apply to GridRows. */
+    rowLineStyle?: CommonGridProps['lineStyle'];
+    /** Style object to apply to GridColumns. */
+    columnLineStyle?: CommonGridProps['lineStyle'];
+    /** Exact values to be used for GridRows lines, passed to yScale. Use this if you need precise control over GridRows values.  */
+    rowTickValues?: ScaleInput<YScale>[];
+    /** Exact values to be used for GridColumns lines, passed to xScale. Use this if you need precise control over GridColumns values.  */
+    columnTickValues?: ScaleInput<XScale>[];
+};
+export default function Grid<XScale extends GridScale, YScale extends GridScale>({ top, left, xScale, yScale, width, height, className, stroke, strokeWidth, strokeDasharray, numTicksRows, numTicksColumns, rowLineStyle, columnLineStyle, xOffset, yOffset, rowTickValues, columnTickValues, ...restProps }: GridProps<XScale, YScale>): import("react").JSX.Element;
+export {};

package/src/grid/grids/GridAngle.tsrx

@@ -0,0 +1,74 @@
+import type { SVGProps } from 'react';
+import cx from 'classnames';
+import type { LineProps } from '@octanejs/visx/shape';
+import { Line } from '@octanejs/visx/shape';
+import { Group } from '@octanejs/visx/group';
+import type { ScaleInput } from '@octanejs/visx/scale';
+import { getTicks, coerceNumber } from '@octanejs/visx/scale';
+import { Point } from '@octanejs/visx/point';
+
+import type { CommonGridProps, GridScale } from '../types';
+import polarToCartesian from '../utils/polarToCartesian';
+
+export type GridAngleProps<Scale extends GridScale> = CommonGridProps & {
+		/** `@octanejs/visx/scale` or `d3-scale` object used to convert value to angle. */
+		scale: Scale;
+		/**
+ * Exact values used to generate angle grid lines using `scale`.
+ * Overrides `numTicks` if specified.
+ */
+		tickValues?: ScaleInput<Scale>[];
+		/**
+ * Radius which determines the start position of angle lines.
+ */
+		innerRadius?: number;
+		/**
+ * Radius which determines the end position of angle lines.
+ */
+		outerRadius: number;
+		/**
+ * The class name applied to all angle lines.
+ */
+		lineClassName?: string;
+	};
+
+export type AllGridAngleProps<Scale extends GridScale> =
+	GridAngleProps<Scale> & Omit<LineProps & Omit<SVGProps<SVGLineElement>, | keyof LineProps
+	| 'children'>, keyof GridAngleProps<Scale>>;
+
+export default function GridAngle<Scale extends GridScale>({
+	className,
+	innerRadius = 0,
+	left = 0,
+	lineClassName,
+	lineStyle,
+	numTicks = 10,
+	outerRadius = 0,
+	scale,
+	stroke = '#eaf0f6',
+	strokeDasharray,
+	strokeWidth = 1,
+	tickValues,
+	top = 0,
+	children, // Explicitly extract children so it doesn't get spread to Line
+	...restProps
+}: AllGridAngleProps<Scale>) {
+	const ticks = tickValues ?? getTicks(scale, numTicks);
+	return <Group className={cx('visx-grid-angle', className)} top={top} left={left}>{ticks.map((
+		tick,
+		i,
+	) => {
+		const angle = (coerceNumber(scale(tick)) ?? Math.PI / 2) - Math.PI / 2;
+		return <Line
+			key={`polar-grid-${tick}-${i}`}
+			className={lineClassName}
+			from={new Point(polarToCartesian({ angle, radius: innerRadius }))}
+			to={new Point(polarToCartesian({ angle, radius: outerRadius }))}
+			stroke={stroke}
+			strokeWidth={strokeWidth}
+			strokeDasharray={strokeDasharray}
+			style={lineStyle}
+			{...restProps}
+		/>;
+	})}</Group>;
+}

package/src/grid/grids/GridAngle.tsrx.d.ts

@@ -0,0 +1,29 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { SVGProps } from 'react';
+import type { LineProps } from '@octanejs/visx/shape';
+import type { ScaleInput } from '@octanejs/visx/scale';
+import type { CommonGridProps, GridScale } from '../types';
+export type GridAngleProps<Scale extends GridScale> = CommonGridProps & {
+    /** `@octanejs/visx/scale` or `d3-scale` object used to convert value to angle. */
+    scale: Scale;
+    /**
+* Exact values used to generate angle grid lines using `scale`.
+* Overrides `numTicks` if specified.
+*/
+    tickValues?: ScaleInput<Scale>[];
+    /**
+* Radius which determines the start position of angle lines.
+*/
+    innerRadius?: number;
+    /**
+* Radius which determines the end position of angle lines.
+*/
+    outerRadius: number;
+    /**
+* The class name applied to all angle lines.
+*/
+    lineClassName?: string;
+};
+export type AllGridAngleProps<Scale extends GridScale> = GridAngleProps<Scale> & Omit<LineProps & Omit<SVGProps<SVGLineElement>, keyof LineProps | 'children'>, keyof GridAngleProps<Scale>>;
+export default function GridAngle<Scale extends GridScale>({ className, innerRadius, left, lineClassName, lineStyle, numTicks, outerRadius, scale, stroke, strokeDasharray, strokeWidth, tickValues, top, children, // Explicitly extract children so it doesn't get spread to Line
+...restProps }: AllGridAngleProps<Scale>): import("react").JSX.Element;

package/src/grid/grids/GridColumns.tsrx

@@ -0,0 +1,76 @@
+import type { SVGProps } from 'react';
+import cx from 'classnames';
+import { Line } from '@octanejs/visx/shape';
+import type { LineProps } from '@octanejs/visx/shape';
+import { Group } from '@octanejs/visx/group';
+import { Point } from '@octanejs/visx/point';
+import type { ScaleInput } from '@octanejs/visx/scale';
+import { getTicks, coerceNumber } from '@octanejs/visx/scale';
+import type { CommonGridProps, GridScale } from '../types';
+import getScaleBandwidth from '../utils/getScaleBandwidth';
+
+export type GridColumnsProps<Scale extends GridScale> = CommonGridProps & {
+		/** `@octanejs/visx/scale` or `d3-scale` object used to convert value to position. */
+		scale: Scale;
+		/**
+ * Exact values used to generate grid lines using `scale`.
+ * Overrides `numTicks` if specified.
+ */
+		tickValues?: ScaleInput<Scale>[];
+		/** Total height of each grid column line. */
+		height: number;
+	};
+
+export type AllGridColumnsProps<Scale extends GridScale> =
+	GridColumnsProps<Scale> & Omit<LineProps & Omit<SVGProps<SVGLineElement>, keyof LineProps>, keyof GridColumnsProps<Scale>>;
+
+export default function GridColumns<Scale extends GridScale>({
+	top = 0,
+	left = 0,
+	scale,
+	height,
+	stroke = '#eaf0f6',
+	strokeWidth = 1,
+	strokeDasharray,
+	className,
+	numTicks = 10,
+	lineStyle,
+	offset,
+	tickValues,
+	children,
+	...restProps
+}: AllGridColumnsProps<Scale>) {
+	const ticks = tickValues ?? getTicks(scale, numTicks);
+	const scaleOffset = (offset ?? 0) + getScaleBandwidth(scale) / 2;
+	const tickLines = ticks.map((d, index) => {
+		const x = (coerceNumber(scale(d)) ?? 0) + scaleOffset;
+		return {
+			index,
+			from: new Point({
+				x,
+				y: 0,
+			}),
+			to: new Point({
+				x,
+				y: height,
+			}),
+		};
+	});
+	return <Group className={cx('visx-columns', className)} top={top} left={left}>
+		{children
+			? children({ lines: tickLines })
+			: tickLines.map(
+					({ from, to, index }) =>
+						<Line
+							key={`column-line-${index}`}
+							from={from}
+							to={to}
+							stroke={stroke}
+							strokeWidth={strokeWidth}
+							strokeDasharray={strokeDasharray}
+							style={lineStyle}
+							{...restProps}
+						/>,
+				)}
+	</Group>;
+}

package/src/grid/grids/GridColumns.tsrx.d.ts

@@ -0,0 +1,18 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { SVGProps } from 'react';
+import type { LineProps } from '@octanejs/visx/shape';
+import type { ScaleInput } from '@octanejs/visx/scale';
+import type { CommonGridProps, GridScale } from '../types';
+export type GridColumnsProps<Scale extends GridScale> = CommonGridProps & {
+    /** `@octanejs/visx/scale` or `d3-scale` object used to convert value to position. */
+    scale: Scale;
+    /**
+* Exact values used to generate grid lines using `scale`.
+* Overrides `numTicks` if specified.
+*/
+    tickValues?: ScaleInput<Scale>[];
+    /** Total height of each grid column line. */
+    height: number;
+};
+export type AllGridColumnsProps<Scale extends GridScale> = GridColumnsProps<Scale> & Omit<LineProps & Omit<SVGProps<SVGLineElement>, keyof LineProps>, keyof GridColumnsProps<Scale>>;
+export default function GridColumns<Scale extends GridScale>({ top, left, scale, height, stroke, strokeWidth, strokeDasharray, className, numTicks, lineStyle, offset, tickValues, children, ...restProps }: AllGridColumnsProps<Scale>): import("react").JSX.Element;