@octanejs/visx 0.1.0

package/src/geo/graticule/Graticule.tsrx.d.ts

@@ -0,0 +1,52 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { ReactNode, SVGProps } from 'react';
+import type { GeoGraticuleGenerator } from 'd3-geo';
+import type { LineString, MultiLineString, Polygon } from 'geojson';
+export type GraticuleProps = {
+    /**
+ * Render function for graticules which is passed a GeoJSON MultiLineString geometry object
+ * representing all meridians and parallels for the graticule.
+ */
+    /**
+ * Render function for graticules which is passed a GeoJSON MultiLineString geometry object
+ * representing all meridians and parallels for the graticule.
+ */
+    /**
+ * Render function for graticules which is passed a GeoJSON MultiLineString geometry object
+ * representing all meridians and parallels for the graticule.
+ */
+    /**
+ * Render function for graticules which is passed a GeoJSON MultiLineString geometry object
+ * representing all meridians and parallels for the graticule.
+ */
+    graticule?: (multiLineString: MultiLineString) => string;
+    /**
+ * Render function for graticule lines, which is invoked once for each meridian or parallel for the graticule,
+ * and is passed the GeoJSON LineString object representing said meridian or parallel.
+ */
+    lines?: (lineString: LineString) => string;
+    /**
+ * Render function for the outline of the graticule (i.e. along the meridians and parallels defining its extent).
+ * It is passed a GeoJSON Polygon geometry object representing the outline.
+ */
+    outline?: (polygon: Polygon) => string;
+    /** Override render function, which is passed the configured graticule generator. */
+    children?: ({ graticule, }: {
+        graticule: GeoGraticuleGenerator;
+    }) => ReactNode;
+    /** Sets the major and minor extents of the graticule generator, which defaults to ⟨⟨-180°, -80° - ε⟩, ⟨180°, 80° + ε⟩⟩. */
+    extent?: [[number, number], [number, number]];
+    /** Sets the major extent of the graticule generator, which defaults to ⟨⟨-180°, -90° + ε⟩, ⟨180°, 90° - ε⟩⟩. */
+    extentMajor?: [[number, number], [number, number]];
+    /** Sets the major extent of the graticule generator, which defaults to ⟨⟨-180°, -80° - ε⟩, ⟨180°, 80° + ε⟩⟩. */
+    extentMinor?: [[number, number], [number, number]];
+    /** Sets both the major and minor step of the graticule generator. */
+    step?: [number, number];
+    /** Sets the major step of the graticule generator, which defaults to ⟨90°, 360°⟩. */
+    stepMajor?: [number, number];
+    /** Sets the major step of the graticule generator, which defaults to ⟨10°, 10°⟩. */
+    stepMinor?: [number, number];
+    /** Sets the precision of the graticule generator, which defaults to 2.5°. */
+    precision?: number;
+};
+export default function Graticule({ graticule, lines, outline, extent, extentMajor, extentMinor, step, stepMajor, stepMinor, precision, children, ...restProps }: GraticuleProps & Omit<SVGProps<SVGPathElement>, keyof GraticuleProps>): import("react").JSX.Element;

package/src/geo/index.ts

@@ -0,0 +1,13 @@
+// @octanejs/visx/geo
+export { default as Albers } from './projections/Albers.tsrx';
+export { default as AlbersUsa } from './projections/AlbersUsa.tsrx';
+export { default as Mercator } from './projections/Mercator.tsrx';
+export { default as Orthographic } from './projections/Orthographic.tsrx';
+export { default as NaturalEarth } from './projections/NaturalEarth.tsrx';
+export { default as EqualEarth } from './projections/EqualEarth.tsrx';
+export { default as CustomProjection } from './projections/CustomProjection.tsrx';
+export { default as Graticule } from './graticule/Graticule.tsrx';
+
+export type * from './types';
+export type { GraticuleProps } from './graticule/Graticule.tsrx';
+export type { ProjectionProps } from './projections/Projection.tsrx';

package/src/geo/projections/Albers.tsrx

@@ -0,0 +1,10 @@
+import type { ProjectionProps } from './Projection.tsrx';
+import Projection from './Projection.tsrx';
+import type { GeoPermissibleObjects } from '../types';
+
+/**
+ * All props pass through to `<Projection projection="albers" {...props} />`
+ */
+export default function Albers<Datum extends GeoPermissibleObjects>(props: Omit<ProjectionProps<Datum>, 'projection'>) {
+	return <Projection projection="albers" {...props} />;
+}

package/src/geo/projections/Albers.tsrx.d.ts

@@ -0,0 +1,7 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { ProjectionProps } from './Projection.tsrx';
+import type { GeoPermissibleObjects } from '../types';
+/**
+ * All props pass through to `<Projection projection="albers" {...props} />`
+ */
+export default function Albers<Datum extends GeoPermissibleObjects>(props: Omit<ProjectionProps<Datum>, 'projection'>): import("react").JSX.Element;

package/src/geo/projections/AlbersUsa.tsrx

@@ -0,0 +1,10 @@
+import type { ProjectionProps } from './Projection.tsrx';
+import Projection from './Projection.tsrx';
+import type { GeoPermissibleObjects } from '../types';
+
+/**
+ * All props pass through to `<Projection projection="albersUsa" {...props} />`
+ */
+export default function AlbersUsa<Datum extends GeoPermissibleObjects>(props: Omit<ProjectionProps<Datum>, 'projection'>) {
+	return <Projection projection="albersUsa" {...props} />;
+}

package/src/geo/projections/AlbersUsa.tsrx.d.ts

@@ -0,0 +1,7 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { ProjectionProps } from './Projection.tsrx';
+import type { GeoPermissibleObjects } from '../types';
+/**
+ * All props pass through to `<Projection projection="albersUsa" {...props} />`
+ */
+export default function AlbersUsa<Datum extends GeoPermissibleObjects>(props: Omit<ProjectionProps<Datum>, 'projection'>): import("react").JSX.Element;

package/src/geo/projections/CustomProjection.tsrx

@@ -0,0 +1,10 @@
+import type { ProjectionProps } from './Projection.tsrx';
+import Projection from './Projection.tsrx';
+import type { GeoPermissibleObjects } from '../types';
+
+/**
+ * All props pass through to `<Projection projection={customProjection} {...props} />`
+ */
+export default function CustomProjection<Datum extends GeoPermissibleObjects>(props: ProjectionProps<Datum>) {
+	return <Projection {...props} />;
+}

package/src/geo/projections/CustomProjection.tsrx.d.ts

@@ -0,0 +1,7 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { ProjectionProps } from './Projection.tsrx';
+import type { GeoPermissibleObjects } from '../types';
+/**
+ * All props pass through to `<Projection projection={customProjection} {...props} />`
+ */
+export default function CustomProjection<Datum extends GeoPermissibleObjects>(props: ProjectionProps<Datum>): import("react").JSX.Element;

package/src/geo/projections/EqualEarth.tsrx

@@ -0,0 +1,10 @@
+import type { ProjectionProps } from './Projection.tsrx';
+import Projection from './Projection.tsrx';
+import type { GeoPermissibleObjects } from '../types';
+
+/**
+ * All props pass through to `<Projection projection="equalEarth" {...props} />`
+ */
+export default function EqualEarth<Datum extends GeoPermissibleObjects>(props: Omit<ProjectionProps<Datum>, 'projection'>) {
+	return <Projection projection="equalEarth" {...props} />;
+}

package/src/geo/projections/EqualEarth.tsrx.d.ts

@@ -0,0 +1,7 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { ProjectionProps } from './Projection.tsrx';
+import type { GeoPermissibleObjects } from '../types';
+/**
+ * All props pass through to `<Projection projection="equalEarth" {...props} />`
+ */
+export default function EqualEarth<Datum extends GeoPermissibleObjects>(props: Omit<ProjectionProps<Datum>, 'projection'>): import("react").JSX.Element;

package/src/geo/projections/Mercator.tsrx

@@ -0,0 +1,10 @@
+import type { ProjectionProps } from './Projection.tsrx';
+import Projection from './Projection.tsrx';
+import type { GeoPermissibleObjects } from '../types';
+
+/**
+ * All props pass through to `<Projection projection="mercator" {...props} />`
+ */
+export default function Mercator<Datum extends GeoPermissibleObjects>(props: Omit<ProjectionProps<Datum>, 'projection'>) {
+	return <Projection projection="mercator" {...props} />;
+}

package/src/geo/projections/Mercator.tsrx.d.ts

@@ -0,0 +1,7 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { ProjectionProps } from './Projection.tsrx';
+import type { GeoPermissibleObjects } from '../types';
+/**
+ * All props pass through to `<Projection projection="mercator" {...props} />`
+ */
+export default function Mercator<Datum extends GeoPermissibleObjects>(props: Omit<ProjectionProps<Datum>, 'projection'>): import("react").JSX.Element;

package/src/geo/projections/NaturalEarth.tsrx

@@ -0,0 +1,10 @@
+import type { ProjectionProps } from './Projection.tsrx';
+import Projection from './Projection.tsrx';
+import type { GeoPermissibleObjects } from '../types';
+
+/**
+ * All props pass through to `<Projection projection="naturalEarth" {...props} />`
+ */
+export default function NaturalEarth<Datum extends GeoPermissibleObjects>(props: Omit<ProjectionProps<Datum>, 'projection'>) {
+	return <Projection projection="naturalEarth" {...props} />;
+}

package/src/geo/projections/NaturalEarth.tsrx.d.ts

@@ -0,0 +1,7 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { ProjectionProps } from './Projection.tsrx';
+import type { GeoPermissibleObjects } from '../types';
+/**
+ * All props pass through to `<Projection projection="naturalEarth" {...props} />`
+ */
+export default function NaturalEarth<Datum extends GeoPermissibleObjects>(props: Omit<ProjectionProps<Datum>, 'projection'>): import("react").JSX.Element;

package/src/geo/projections/Orthographic.tsrx

@@ -0,0 +1,10 @@
+import type { ProjectionProps } from './Projection.tsrx';
+import Projection from './Projection.tsrx';
+import type { GeoPermissibleObjects } from '../types';
+
+/**
+ * All props pass through to `<Projection projection="orthographic" {...props} />`
+ */
+export default function Orthographic<Datum extends GeoPermissibleObjects>(props: Omit<ProjectionProps<Datum>, 'projection'>) {
+	return <Projection projection="orthographic" {...props} />;
+}

package/src/geo/projections/Orthographic.tsrx.d.ts

@@ -0,0 +1,7 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { ProjectionProps } from './Projection.tsrx';
+import type { GeoPermissibleObjects } from '../types';
+/**
+ * All props pass through to `<Projection projection="orthographic" {...props} />`
+ */
+export default function Orthographic<Datum extends GeoPermissibleObjects>(props: Omit<ProjectionProps<Datum>, 'projection'>): import("react").JSX.Element;

package/src/geo/projections/Projection.tsrx

@@ -0,0 +1,201 @@
+import type { ReactNode, SVGProps, Ref } from 'react';
+import cx from 'classnames';
+import { Group } from '@octanejs/visx/group';
+import type { GeoPath, GeoProjection, ExtendedFeature } from 'd3-geo';
+import {
+	geoOrthographic,
+	geoAlbers,
+	geoAlbersUsa,
+	geoMercator,
+	geoNaturalEarth1,
+	geoEqualEarth,
+	geoPath,
+} from 'd3-geo';
+// this is just for types
+// eslint-disable-next-line import/no-unresolved
+import type { LineString, Polygon, MultiLineString } from 'geojson';
+
+import type { GraticuleProps } from '../graticule/Graticule.tsrx';
+import Graticule from '../graticule/Graticule.tsrx';
+import type {
+	GeoPermissibleObjects,
+	ProjectionPreset,
+	Projection as ProjectionShape,
+} from '../types';
+
+const projectionMapping: { [projection in ProjectionPreset]: () => GeoProjection } = {
+	orthographic: () => geoOrthographic(),
+	albers: () => geoAlbers(),
+	albersUsa: () => geoAlbersUsa(),
+	mercator: () => geoMercator(),
+	naturalEarth: () => geoNaturalEarth1(),
+	equalEarth: () => geoEqualEarth(),
+};
+
+export type ProjectionProps<Datum extends GeoPermissibleObjects = GeoPermissibleObjects> = {
+	/** Array of features to project. */
+	data: Datum[];
+	/** Preset projection name, or custom projection function which returns a GeoProjection. */
+	projection?: ProjectionShape;
+	/** Hook to render above features, passed the configured projectionFunc. */
+	projectionFunc?: (projection: GeoProjection) => ReactNode;
+	/** Sets the projection’s clipping circle radius to the specified angle in degree. */
+	clipAngle?: number;
+	/**
+ * Sets the projection’s viewport clip extent to the specified bounds in pixels. extent bounds
+ * are specified as an array [[x₀, y₀], [x₁, y₁]], where x₀ is the left-side of the viewport,
+ * y₀ is the top, x₁ is the right and y₁ is the bottom.
+ */
+	clipExtent?: [[number, number], [number, number]];
+	/**
+ * Sets the projection’s scale factor to the specified value. The scale factor corresponds linearly
+ * to the distance between projected points; however, absolute scale factors are not equivalent
+ * across projections.
+ */
+	scale?: number;
+	/**
+ * Sets the projection’s translation offset, which determines the pixel coordinates of the
+ * projection’s center, to the specified two-element array [tx, ty].
+ */
+	translate?: [number, number];
+	/** Sets the projection’s center to the specified two-element array of longitude and latitude in degrees. */
+	center?: [number, number];
+	/** Sets the projection’s three-axis spherical rotation to the specified angles [lambda, phi [, gamma]], corresponding to yaw, pitch, and roll. */
+	rotate?: [number, number] | [number, number, number];
+	/** Sets the threshold for the projection’s adaptive resampling to the specified value in pixels. */
+	precision?: number;
+	/**
+ * Sets the projection’s scale and translate to fit the specified GeoJSON object in the center of the given extent.
+ * The extent is specified as an array [[x₀, y₀], [x₁, y₁]], where x₀ is the left side of the bounding box,
+ * y₀ is the top, x₁ is the right and y₁ is the bottom.
+ */
+	fitExtent?: [[[number, number], [number, number]], ExtendedFeature]; // ExtendedFeature | ExtendedFeatureCollection | GeoGeometryObjects,
+	/** Convenience prop for props.fitExtent where the top-left corner of the extent is [0, 0]. */
+	fitSize?: [[number, number], ExtendedFeature]; // ExtendedFeature | ExtendedFeatureCollection | GeoGeometryObjects
+	/** Hook to render anything at the centroid of a feature. */
+	centroid?: (centroid: [number, number], feature: ParsedFeature<Datum>) => ReactNode;
+	/** className to apply to feature path elements.  */
+	className?: string;
+	/** Override render function which is passed path data and a copy of the constructed projection.  */
+	children?: (args: {
+		path: GeoPath<unknown, GeoPermissibleObjects>;
+		features: ParsedFeature<Datum>[];
+		projection: GeoProjection;
+	}) => ReactNode;
+	/** Function invoked for each feature which returns a Ref to the projection path element for that feature. */
+	innerRef?: (feature: ParsedFeature<Datum>, index: number) => Ref<SVGPathElement>;
+	/** If specified, renders a Graticule with the specified props. Specify `graticule.foreground = true` to be rendered on top of features. */
+	graticule?: Omit<GraticuleProps, 'lines'> & { foreground: boolean };
+	/** If specified, renders a Graticule lines with the specified props. Specify `graticuleLines.foreground = true` to be rendered on top of features. */
+	graticuleLines?: Omit<GraticuleProps, 'lines'> & { foreground: boolean };
+	/** If specified, renders a Graticule outline with the specified props. Specify `graticuleOutline.foreground = true` to be rendered on top of features. */
+	graticuleOutline?: Omit<GraticuleProps, 'outline'> & { foreground: boolean };
+	/** Limits the digits for coordinates generated in SVG path strings to the specified number of digits. */
+	digits?: number;
+	/** Sets the radius used to display Point and MultiPoint geometries to the specified number. */
+	pointRadius?: number;
+};
+
+export interface ParsedFeature<Datum> {
+	feature: Datum;
+	type: ProjectionShape;
+	projection: GeoProjection;
+	index: number;
+	centroid: [number, number];
+	path: string | null;
+}
+
+/**
+ * Component for all projections.
+ */
+export default function Projection<Datum extends GeoPermissibleObjects>({
+	data,
+	projection = 'mercator',
+	projectionFunc,
+	clipAngle,
+	clipExtent,
+	scale,
+	translate,
+	center,
+	rotate,
+	precision,
+	fitExtent,
+	fitSize,
+	centroid,
+	graticule,
+	graticuleLines,
+	graticuleOutline,
+	className,
+	innerRef,
+	digits,
+	pointRadius,
+	children,
+	...restProps
+}: ProjectionProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof ProjectionProps<Datum>>) {
+	const maybeCustomProjection =
+		typeof projection === 'string' ? projectionMapping[projection] : projection;
+
+	const currProjection = maybeCustomProjection();
+
+	if (clipAngle && currProjection.clipAngle) currProjection.clipAngle(clipAngle);
+	if (clipExtent && currProjection.clipExtent) currProjection.clipExtent(clipExtent);
+	if (scale && currProjection.scale) currProjection.scale(scale);
+	if (translate && currProjection.translate) currProjection.translate(translate);
+	if (center && currProjection.center) currProjection.center(center);
+	if (rotate && currProjection.rotate) currProjection.rotate(rotate);
+	if (precision && currProjection.precision) currProjection.precision(precision);
+	if (fitExtent && currProjection.fitExtent) currProjection.fitExtent(...fitExtent);
+	if (fitSize && currProjection.fitSize) currProjection.fitSize(...fitSize);
+
+	const path = geoPath().projection(currProjection);
+
+	if (digits !== undefined) path.digits(digits);
+	if (pointRadius !== undefined) path.pointRadius(pointRadius);
+
+	const features: ParsedFeature<Datum>[] = data.map(
+		(feature, i) => ({
+			feature,
+			type: projection,
+			projection: currProjection,
+			index: i,
+			centroid: path.centroid(feature),
+			path: path(feature),
+		}),
+	);
+
+	if (children) return <>
+		{children({ path, features, projection: currProjection })}
+	</>;
+
+	return <Group className="visx-geo">
+		{graticule && !graticule.foreground &&
+			<Graticule graticule={(ml: MultiLineString) => path(ml) || ''} {...graticule} />}
+		{graticuleLines && !graticuleLines.foreground &&
+			<Graticule lines={(l: LineString) => path(l) || ''} {...graticuleLines} />}
+		{graticuleOutline && !graticuleOutline.foreground &&
+			<Graticule outline={(p: Polygon) => path(p) || ''} {...graticuleOutline} />}
+
+		{features.map(
+			(feature, i) => <g key={`${projection}-${i}`}>
+				<path
+					className={cx(`visx-geo-${projection}`, className)}
+					d={feature.path || ''}
+					ref={innerRef?.(feature, i)}
+					{...restProps}
+				/>
+				{centroid?.(feature.centroid, feature)}
+			</g>,
+		)}
+
+		{/* TODO: Maybe find a different way to pass projection function to use for example invert */}
+		{projectionFunc?.(currProjection)}
+
+		{graticule?.foreground &&
+			<Graticule graticule={(ml: MultiLineString) => path(ml) || ''} {...graticule} />}
+
+		{graticuleLines?.foreground &&
+			<Graticule lines={(l: LineString) => path(l) || ''} {...graticuleLines} />}
+		{graticuleOutline?.foreground &&
+			<Graticule outline={(p: Polygon) => path(p) || ''} {...graticuleOutline} />}
+	</Group>;
+}

package/src/geo/projections/Projection.tsrx.d.ts

@@ -0,0 +1,86 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { ReactNode, SVGProps, Ref } from 'react';
+import type { GeoPath, GeoProjection, ExtendedFeature } from 'd3-geo';
+import type { GraticuleProps } from '../graticule/Graticule.tsrx';
+import type { GeoPermissibleObjects, Projection as ProjectionShape } from '../types';
+export type ProjectionProps<Datum extends GeoPermissibleObjects = GeoPermissibleObjects> = {
+    /** Array of features to project. */
+    data: Datum[];
+    /** Preset projection name, or custom projection function which returns a GeoProjection. */
+    projection?: ProjectionShape;
+    /** Hook to render above features, passed the configured projectionFunc. */
+    projectionFunc?: (projection: GeoProjection) => ReactNode;
+    /** Sets the projection’s clipping circle radius to the specified angle in degree. */
+    clipAngle?: number;
+    /**
+ * Sets the projection’s viewport clip extent to the specified bounds in pixels. extent bounds
+ * are specified as an array [[x₀, y₀], [x₁, y₁]], where x₀ is the left-side of the viewport,
+ * y₀ is the top, x₁ is the right and y₁ is the bottom.
+ */
+    clipExtent?: [[number, number], [number, number]];
+    /**
+ * Sets the projection’s scale factor to the specified value. The scale factor corresponds linearly
+ * to the distance between projected points; however, absolute scale factors are not equivalent
+ * across projections.
+ */
+    scale?: number;
+    /**
+ * Sets the projection’s translation offset, which determines the pixel coordinates of the
+ * projection’s center, to the specified two-element array [tx, ty].
+ */
+    translate?: [number, number];
+    /** Sets the projection’s center to the specified two-element array of longitude and latitude in degrees. */
+    center?: [number, number];
+    /** Sets the projection’s three-axis spherical rotation to the specified angles [lambda, phi [, gamma]], corresponding to yaw, pitch, and roll. */
+    rotate?: [number, number] | [number, number, number];
+    /** Sets the threshold for the projection’s adaptive resampling to the specified value in pixels. */
+    precision?: number;
+    /**
+ * Sets the projection’s scale and translate to fit the specified GeoJSON object in the center of the given extent.
+ * The extent is specified as an array [[x₀, y₀], [x₁, y₁]], where x₀ is the left side of the bounding box,
+ * y₀ is the top, x₁ is the right and y₁ is the bottom.
+ */
+    fitExtent?: [[[number, number], [number, number]], ExtendedFeature];
+    /** Convenience prop for props.fitExtent where the top-left corner of the extent is [0, 0]. */
+    fitSize?: [[number, number], ExtendedFeature];
+    /** Hook to render anything at the centroid of a feature. */
+    centroid?: (centroid: [number, number], feature: ParsedFeature<Datum>) => ReactNode;
+    /** className to apply to feature path elements.  */
+    className?: string;
+    /** Override render function which is passed path data and a copy of the constructed projection.  */
+    children?: (args: {
+        path: GeoPath<unknown, GeoPermissibleObjects>;
+        features: ParsedFeature<Datum>[];
+        projection: GeoProjection;
+    }) => ReactNode;
+    /** Function invoked for each feature which returns a Ref to the projection path element for that feature. */
+    innerRef?: (feature: ParsedFeature<Datum>, index: number) => Ref<SVGPathElement>;
+    /** If specified, renders a Graticule with the specified props. Specify `graticule.foreground = true` to be rendered on top of features. */
+    graticule?: Omit<GraticuleProps, 'lines'> & {
+        foreground: boolean;
+    };
+    /** If specified, renders a Graticule lines with the specified props. Specify `graticuleLines.foreground = true` to be rendered on top of features. */
+    graticuleLines?: Omit<GraticuleProps, 'lines'> & {
+        foreground: boolean;
+    };
+    /** If specified, renders a Graticule outline with the specified props. Specify `graticuleOutline.foreground = true` to be rendered on top of features. */
+    graticuleOutline?: Omit<GraticuleProps, 'outline'> & {
+        foreground: boolean;
+    };
+    /** Limits the digits for coordinates generated in SVG path strings to the specified number of digits. */
+    digits?: number;
+    /** Sets the radius used to display Point and MultiPoint geometries to the specified number. */
+    pointRadius?: number;
+};
+export interface ParsedFeature<Datum> {
+    feature: Datum;
+    type: ProjectionShape;
+    projection: GeoProjection;
+    index: number;
+    centroid: [number, number];
+    path: string | null;
+}
+/**
+ * Component for all projections.
+ */
+export default function Projection<Datum extends GeoPermissibleObjects>({ data, projection, projectionFunc, clipAngle, clipExtent, scale, translate, center, rotate, precision, fitExtent, fitSize, centroid, graticule, graticuleLines, graticuleOutline, className, innerRef, digits, pointRadius, children, ...restProps }: ProjectionProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof ProjectionProps<Datum>>): import("react").JSX.Element;

package/src/geo/types.ts

@@ -0,0 +1,14 @@
+import type { GeoProjection, GeoPermissibleObjects as GeoPermissibleObjectType } from 'd3-geo';
+
+export type GeoPermissibleObjects = GeoPermissibleObjectType;
+
+export type Projection = ProjectionPreset | (() => GeoProjection);
+
+// @TODO: Implement all projections of d3-geo
+export type ProjectionPreset =
+	| 'orthographic'
+	| 'albers'
+	| 'albersUsa'
+	| 'mercator'
+	| 'naturalEarth'
+	| 'equalEarth';

package/src/glyph/glyphs/Glyph.tsrx

@@ -0,0 +1,18 @@
+import type { ReactNode } from 'react';
+import cx from 'classnames';
+import { Group } from '@octanejs/visx/group';
+
+export type GlyphProps = {
+	/** Top offset to apply to glyph g element container. */
+	top?: number;
+	/** Left offset to apply to glyph g element container. */
+	left?: number;
+	/** classname to apply to glyph g element container. */
+	className?: string;
+	/** Children to render. */
+	children?: ReactNode;
+};
+
+export default function Glyph({ top = 0, left = 0, className, children }: GlyphProps) {
+	return <Group className={cx('visx-glyph', className)} top={top} left={left}>{children}</Group>;
+}

package/src/glyph/glyphs/Glyph.tsrx.d.ts

@@ -0,0 +1,13 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { ReactNode } from 'react';
+export type GlyphProps = {
+    /** Top offset to apply to glyph g element container. */
+    top?: number;
+    /** Left offset to apply to glyph g element container. */
+    left?: number;
+    /** classname to apply to glyph g element container. */
+    className?: string;
+    /** Children to render. */
+    children?: ReactNode;
+};
+export default function Glyph({ top, left, className, children }: GlyphProps): import("react").JSX.Element;

package/src/glyph/glyphs/GlyphCircle.tsrx

@@ -0,0 +1,46 @@
+import type { ReactNode, SVGProps } from 'react';
+import cx from 'classnames';
+import type { Symbol } from 'd3-shape';
+import { symbol, symbolCircle } from 'd3-shape';
+import Glyph from './Glyph.tsrx';
+
+export type GlyphCircleProps<Datum> = {
+	/** Render function override which is passed the configured path generator. */
+	children?: ({
+		path,
+	}: {
+		path: Symbol<unknown, Datum>;
+	}) => ReactNode;
+	/** classname to apply to glyph path element. */
+	className?: string;
+	/** Top offset to apply to glyph g element container. */
+	top?: number;
+	/** Left offset to apply to glyph g element container. */
+	left?: number;
+	/** Size of circle in px, or an accessor which takes Datum as input and returns a size. */
+	size?: number | ((d: Datum) => number);
+};
+
+export default function GlyphCircle<Datum = unknown>({
+	children,
+	className,
+	top,
+	left,
+	size,
+	...restProps
+}: GlyphCircleProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphCircleProps<Datum>>) {
+	const path = symbol<Datum>();
+	path.type(symbolCircle);
+
+	// TS can't differentiate the method overload here
+	if (typeof size === 'number') path.size(size);
+	else if (size) path.size(size);
+
+	if (children) return <>
+		{children({ path })}
+	</>;
+
+	return <Glyph top={top} left={left}>
+		<path className={cx('visx-glyph-circle', className)} d={path() || ''} {...restProps} />
+	</Glyph>;
+}

package/src/glyph/glyphs/GlyphCircle.tsrx.d.ts

@@ -0,0 +1,18 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { ReactNode, SVGProps } from 'react';
+import type { Symbol } from 'd3-shape';
+export type GlyphCircleProps<Datum> = {
+    /** Render function override which is passed the configured path generator. */
+    children?: ({ path, }: {
+        path: Symbol<unknown, Datum>;
+    }) => ReactNode;
+    /** classname to apply to glyph path element. */
+    className?: string;
+    /** Top offset to apply to glyph g element container. */
+    top?: number;
+    /** Left offset to apply to glyph g element container. */
+    left?: number;
+    /** Size of circle in px, or an accessor which takes Datum as input and returns a size. */
+    size?: number | ((d: Datum) => number);
+};
+export default function GlyphCircle<Datum = unknown>({ children, className, top, left, size, ...restProps }: GlyphCircleProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphCircleProps<Datum>>): import("react").JSX.Element;