@octanejs/visx 0.1.0

package/src/glyph/glyphs/GlyphCross.tsrx

@@ -0,0 +1,46 @@
+import type { ReactNode, SVGProps } from 'react';
+import cx from 'classnames';
+import type { Symbol } from 'd3-shape';
+import { symbol, symbolCross } from 'd3-shape';
+import Glyph from './Glyph.tsrx';
+
+export type GlyphCrossProps<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 cross in px, or an accessor which takes Datum as input and returns a size. */
+	size?: number | ((d: Datum) => number);
+};
+
+export default function GlyphCross<Datum = unknown>({
+	children,
+	className,
+	top,
+	left,
+	size,
+	...restProps
+}: GlyphCrossProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphCrossProps<Datum>>) {
+	const path = symbol<Datum>();
+	path.type(symbolCross);
+
+	// 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-cross', className)} d={path() || ''} {...restProps} />
+	</Glyph>;
+}

package/src/glyph/glyphs/GlyphCross.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 GlyphCrossProps<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 cross in px, or an accessor which takes Datum as input and returns a size. */
+    size?: number | ((d: Datum) => number);
+};
+export default function GlyphCross<Datum = unknown>({ children, className, top, left, size, ...restProps }: GlyphCrossProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphCrossProps<Datum>>): import("react").JSX.Element;

package/src/glyph/glyphs/GlyphDiamond.tsrx

@@ -0,0 +1,46 @@
+import type { ReactNode, SVGProps } from 'react';
+import cx from 'classnames';
+import type { Symbol } from 'd3-shape';
+import { symbol, symbolDiamond } from 'd3-shape';
+import Glyph from './Glyph.tsrx';
+
+export type GlyphDiamondProps<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 diamond in px, or an accessor which takes Datum as input and returns a size. */
+	size?: number | ((d: Datum) => number);
+};
+
+export default function GlyphDiamond<Datum = unknown>({
+	children,
+	className,
+	top,
+	left,
+	size,
+	...restProps
+}: GlyphDiamondProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphDiamondProps<Datum>>) {
+	const path = symbol<Datum>();
+	path.type(symbolDiamond);
+
+	// 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-diamond', className)} d={path() || ''} {...restProps} />
+	</Glyph>;
+}

package/src/glyph/glyphs/GlyphDiamond.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 GlyphDiamondProps<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 diamond in px, or an accessor which takes Datum as input and returns a size. */
+    size?: number | ((d: Datum) => number);
+};
+export default function GlyphDiamond<Datum = unknown>({ children, className, top, left, size, ...restProps }: GlyphDiamondProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphDiamondProps<Datum>>): import("react").JSX.Element;

package/src/glyph/glyphs/GlyphDot.tsrx

@@ -0,0 +1,29 @@
+import type { SVGProps } from 'react';
+import cx from 'classnames';
+import Glyph from './Glyph.tsrx';
+
+export type GlyphDotProps = {
+	/** 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;
+	/** Radius of dot. */
+	r?: number;
+	/** x coordinate of the center of the dot. */
+	cx?: number;
+	/** y coordinate of the center of the dot. */
+	cy?: number;
+};
+
+export default function GlyphDot({
+	top = 0,
+	left = 0,
+	className,
+	...restProps
+}: GlyphDotProps & Omit<SVGProps<SVGCircleElement>, keyof GlyphDotProps>) {
+	return <Glyph top={top} left={left}>
+		<circle className={cx('visx-glyph-dot', className)} {...restProps} />
+	</Glyph>;
+}

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

@@ -0,0 +1,17 @@
+// Generated by scripts/generate-tsrx-types.mjs.
+import type { SVGProps } from 'react';
+export type GlyphDotProps = {
+    /** 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;
+    /** Radius of dot. */
+    r?: number;
+    /** x coordinate of the center of the dot. */
+    cx?: number;
+    /** y coordinate of the center of the dot. */
+    cy?: number;
+};
+export default function GlyphDot({ top, left, className, ...restProps }: GlyphDotProps & Omit<SVGProps<SVGCircleElement>, keyof GlyphDotProps>): import("react").JSX.Element;

package/src/glyph/glyphs/GlyphSquare.tsrx

@@ -0,0 +1,46 @@
+import type { ReactNode, SVGProps } from 'react';
+import cx from 'classnames';
+import type { Symbol } from 'd3-shape';
+import { symbol, symbolSquare } from 'd3-shape';
+import Glyph from './Glyph.tsrx';
+
+export type GlyphSquareProps<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 square in px, or an accessor which takes Datum as input and returns a size. */
+	size?: number | ((d: Datum) => number);
+};
+
+export default function GlyphSquare<Datum = unknown>({
+	children,
+	className,
+	top,
+	left,
+	size,
+	...restProps
+}: GlyphSquareProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphSquareProps<Datum>>) {
+	const path = symbol<Datum>();
+	path.type(symbolSquare);
+
+	// 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-square', className)} d={path() || ''} {...restProps} />
+	</Glyph>;
+}

package/src/glyph/glyphs/GlyphSquare.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 GlyphSquareProps<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 square in px, or an accessor which takes Datum as input and returns a size. */
+    size?: number | ((d: Datum) => number);
+};
+export default function GlyphSquare<Datum = unknown>({ children, className, top, left, size, ...restProps }: GlyphSquareProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphSquareProps<Datum>>): import("react").JSX.Element;

package/src/glyph/glyphs/GlyphStar.tsrx

@@ -0,0 +1,45 @@
+import type { ReactNode, SVGProps } from 'react';
+import cx from 'classnames';
+import type { Symbol } from 'd3-shape';
+import { symbol, symbolStar } from 'd3-shape';
+import Glyph from './Glyph.tsrx';
+
+export type GlyphStarProps<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 star in px, or an accessor which takes Datum as input and returns a size. */
+	size?: number | ((d: Datum) => number);
+};
+
+export default function GlyphStar<Datum = unknown>({
+	children,
+	className,
+	top,
+	left,
+	size,
+	...restProps
+}: GlyphStarProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphStarProps<Datum>>) {
+	const path = symbol<Datum>();
+	path.type(symbolStar);
+
+	// 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-star', className)} d={path() || ''} {...restProps} />
+	</Glyph>;
+}

package/src/glyph/glyphs/GlyphStar.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 GlyphStarProps<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 star in px, or an accessor which takes Datum as input and returns a size. */
+    size?: number | ((d: Datum) => number);
+};
+export default function GlyphStar<Datum = unknown>({ children, className, top, left, size, ...restProps }: GlyphStarProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphStarProps<Datum>>): import("react").JSX.Element;

package/src/glyph/glyphs/GlyphTriangle.tsrx

@@ -0,0 +1,46 @@
+import type { ReactNode, SVGProps } from 'react';
+import cx from 'classnames';
+import type { Symbol } from 'd3-shape';
+import { symbol, symbolTriangle } from 'd3-shape';
+import Glyph from './Glyph.tsrx';
+
+export type GlyphTriangleProps<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 triangle in px, or an accessor which takes Datum as input and returns a size. */
+	size?: number | ((d: Datum) => number);
+};
+
+export default function GlyphTriangle<Datum = unknown>({
+	children,
+	className,
+	top,
+	left,
+	size,
+	...restProps
+}: GlyphTriangleProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphTriangleProps<Datum>>) {
+	const path = symbol<Datum>();
+	path.type(symbolTriangle);
+
+	// 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-triangle', className)} d={path() || ''} {...restProps} />
+	</Glyph>;
+}

package/src/glyph/glyphs/GlyphTriangle.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 GlyphTriangleProps<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 triangle in px, or an accessor which takes Datum as input and returns a size. */
+    size?: number | ((d: Datum) => number);
+};
+export default function GlyphTriangle<Datum = unknown>({ children, className, top, left, size, ...restProps }: GlyphTriangleProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphTriangleProps<Datum>>): import("react").JSX.Element;

package/src/glyph/glyphs/GlyphWye.tsrx

@@ -0,0 +1,45 @@
+import type { ReactNode, SVGProps } from 'react';
+import cx from 'classnames';
+import type { Symbol } from 'd3-shape';
+import { symbol, symbolWye } from 'd3-shape';
+import Glyph from './Glyph.tsrx';
+
+export type GlyphWyeProps<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 wye glyph in px, or an accessor which takes Datum as input and returns a size. */
+	size?: number | ((d: Datum) => number);
+};
+
+export default function GlyphWye<Datum = unknown>({
+	children,
+	className,
+	top,
+	left,
+	size,
+	...restProps
+}: GlyphWyeProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphWyeProps<Datum>>) {
+	const path = symbol<Datum>();
+	path.type(symbolWye);
+
+	// 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-wye', className)} d={path() || ''} {...restProps} />
+	</Glyph>;
+}

package/src/glyph/glyphs/GlyphWye.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 GlyphWyeProps<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 wye glyph in px, or an accessor which takes Datum as input and returns a size. */
+    size?: number | ((d: Datum) => number);
+};
+export default function GlyphWye<Datum = unknown>({ children, className, top, left, size, ...restProps }: GlyphWyeProps<Datum> & Omit<SVGProps<SVGPathElement>, keyof GlyphWyeProps<Datum>>): import("react").JSX.Element;

package/src/glyph/index.ts

@@ -0,0 +1,20 @@
+// @octanejs/visx/glyph
+export { default as Glyph } from './glyphs/Glyph.tsrx';
+export { default as GlyphDot } from './glyphs/GlyphDot.tsrx';
+export { default as GlyphCross } from './glyphs/GlyphCross.tsrx';
+export { default as GlyphDiamond } from './glyphs/GlyphDiamond.tsrx';
+export { default as GlyphStar } from './glyphs/GlyphStar.tsrx';
+export { default as GlyphTriangle } from './glyphs/GlyphTriangle.tsrx';
+export { default as GlyphWye } from './glyphs/GlyphWye.tsrx';
+export { default as GlyphSquare } from './glyphs/GlyphSquare.tsrx';
+export { default as GlyphCircle } from './glyphs/GlyphCircle.tsrx';
+
+export type { GlyphProps } from './glyphs/Glyph.tsrx';
+export type { GlyphCircleProps } from './glyphs/GlyphCircle.tsrx';
+export type { GlyphCrossProps } from './glyphs/GlyphCross.tsrx';
+export type { GlyphDiamondProps } from './glyphs/GlyphDiamond.tsrx';
+export type { GlyphDotProps } from './glyphs/GlyphDot.tsrx';
+export type { GlyphSquareProps } from './glyphs/GlyphSquare.tsrx';
+export type { GlyphStarProps } from './glyphs/GlyphStar.tsrx';
+export type { GlyphTriangleProps } from './glyphs/GlyphTriangle.tsrx';
+export type { GlyphWyeProps } from './glyphs/GlyphWye.tsrx';

package/src/gradient/gradients/GradientDarkgreenGreen.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 GradientDarkgreenGreen({
+	from = '#184E86',
+	to = '#57CA85',
+	...restProps
+}: LinearGradientProps) {
+	return <LinearGradient from={from} to={to} {...restProps} />;
+}

package/src/gradient/gradients/GradientDarkgreenGreen.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 GradientDarkgreenGreen({ from, to, ...restProps }: LinearGradientProps): import("react").JSX.Element;

package/src/gradient/gradients/GradientLightgreenGreen.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 GradientLightgreenGreen({
+	from = '#42E695',
+	to = '#3BB2B8',
+	...restProps
+}: LinearGradientProps) {
+	return <LinearGradient from={from} to={to} {...restProps} />;
+}

package/src/gradient/gradients/GradientLightgreenGreen.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 GradientLightgreenGreen({ from, to, ...restProps }: LinearGradientProps): import("react").JSX.Element;

package/src/gradient/gradients/GradientOrangeRed.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 GradientOrangeRed({
+	from = '#FCE38A',
+	to = '#F38181',
+	...restProps
+}: LinearGradientProps) {
+	return <LinearGradient from={from} to={to} {...restProps} />;
+}

package/src/gradient/gradients/GradientOrangeRed.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 GradientOrangeRed({ from, to, ...restProps }: LinearGradientProps): import("react").JSX.Element;

package/src/gradient/gradients/GradientPinkBlue.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 GradientPinkBlue({
+	from = '#F02FC2',
+	to = '#6094EA',
+	...restProps
+}: LinearGradientProps) {
+	return <LinearGradient from={from} to={to} {...restProps} />;
+}

package/src/gradient/gradients/GradientPinkBlue.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 GradientPinkBlue({ from, to, ...restProps }: LinearGradientProps): import("react").JSX.Element;

package/src/gradient/gradients/GradientPinkRed.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 GradientPinkRed({
+	from = '#F54EA2',
+	to = '#FF7676',
+	...restProps
+}: LinearGradientProps) {
+	return <LinearGradient from={from} to={to} {...restProps} />;
+}

package/src/gradient/gradients/GradientPinkRed.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 GradientPinkRed({ from, to, ...restProps }: LinearGradientProps): import("react").JSX.Element;

package/src/gradient/gradients/GradientPurpleOrange.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 GradientPurpleOrange({
+	from = '#7117EA',
+	to = '#EA6060',
+	...restProps
+}: LinearGradientProps) {
+	return <LinearGradient from={from} to={to} {...restProps} />;
+}

package/src/gradient/gradients/GradientPurpleOrange.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 GradientPurpleOrange({ from, to, ...restProps }: LinearGradientProps): import("react").JSX.Element;

package/src/gradient/gradients/GradientPurpleRed.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 GradientPurpleRed({
+	from = '#622774',
+	to = '#C53364',
+	...restProps
+}: LinearGradientProps) {
+	return <LinearGradient from={from} to={to} {...restProps} />;
+}

package/src/gradient/gradients/GradientPurpleRed.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 GradientPurpleRed({ from, to, ...restProps }: LinearGradientProps): import("react").JSX.Element;

package/src/gradient/gradients/GradientPurpleTeal.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 GradientPurpleTeal({
+	from = '#5B247A',
+	to = '#1BCEDF',
+	...restProps
+}: LinearGradientProps) {
+	return <LinearGradient from={from} to={to} {...restProps} />;
+}

package/src/gradient/gradients/GradientPurpleTeal.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 GradientPurpleTeal({ from, to, ...restProps }: LinearGradientProps): import("react").JSX.Element;