@pie-lib/charting 7.0.4-next.31 → 7.0.4-next.33

package/dist/common/correctness-indicators.js

@@ -1,22 +1,22 @@
 import "react";
 import e from "prop-types";
 import { styled as t } from "@mui/material/styles";
-import { color as n } from "@pie-lib/render-ui";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { color as r } from "@pie-lib/render-ui";
 import i from "@mui/icons-material/Check";
 import a from "@mui/icons-material/Close";
 //#region src/common/correctness-indicators.tsx
 var o = t(i)(({ theme: e }) => ({
 	borderRadius: e.spacing(2),
-	color: n.defaults.WHITE,
+	color: r.defaults.WHITE,
 	fontSize: "16px",
 	width: "16px",
 	height: "16px",
 	padding: "2px",
-	border: `1px solid ${n.defaults.WHITE}`,
+	border: `1px solid ${r.defaults.WHITE}`,
 	stroke: "initial",
 	boxSizing: "unset",
-	backgroundColor: n.correct(),
+	backgroundColor: r.correct(),
 	display: "block",
 	"&.small": {
 		fontSize: "10px",
@@ -25,49 +25,49 @@ var o = t(i)(({ theme: e }) => ({
 	}
 })), s = t(a)(({ theme: e }) => ({
 	borderRadius: e.spacing(2),
-	color: n.defaults.WHITE,
+	color: r.defaults.WHITE,
 	fontSize: "16px",
 	width: "16px",
 	height: "16px",
 	padding: "2px",
-	border: `1px solid ${n.defaults.WHITE}`,
+	border: `1px solid ${r.defaults.WHITE}`,
 	stroke: "initial",
 	boxSizing: "unset",
-	backgroundColor: n.incorrectWithIcon(),
+	backgroundColor: r.incorrectWithIcon(),
 	display: "block",
 	"&.small": {
 		fontSize: "10px",
 		width: "10px",
 		height: "10px"
 	}
-})), c = ({ scale: e, x: t, y: n, correctness: i, interactive: a }) => {
+})), c = ({ scale: e, x: t, y: r, correctness: i, interactive: a }) => {
 	if (!i || !a) return null;
-	let c = e ? e.x(t) : t, l = e ? e.y(n) : n, u = i.value === "correct";
-	return /* @__PURE__ */ r("foreignObject", {
+	let c = e ? e.x(t) : t, l = e ? e.y(r) : r, u = i.value === "correct";
+	return /* @__PURE__ */ n("foreignObject", {
 		x: c - 11,
 		y: l - 11,
 		width: 22,
 		height: 22,
-		children: r(u ? o : s, { title: i.label })
+		children: n(u ? o : s, { title: i.label })
 	});
-}, l = ({ scale: e, x: t, correctness: n, correctData: i, label: a }) => {
-	if (n && n.value === "incorrect") {
+}, l = ({ scale: e, x: t, correctness: r, correctData: i, label: a }) => {
+	if (r && r.value === "incorrect") {
 		let s = parseFloat(i.find((e) => e.label === a)?.value);
 		if (isNaN(s)) return null;
 		let c = e.y(s) - 7.5;
-		return /* @__PURE__ */ r("foreignObject", {
+		return /* @__PURE__ */ n("foreignObject", {
 			x: e.x(t) - 7.5,
 			y: c,
 			width: 15,
 			height: 15,
-			children: /* @__PURE__ */ r(o, {
+			children: /* @__PURE__ */ n(o, {
 				className: "small",
-				title: n.label
+				title: r.label
 			})
 		});
 	}
 	return null;
-}, u = ({ correctness: e, interactive: t }) => !e || !t ? null : e.value === "correct" ? /* @__PURE__ */ r(o, { title: e.label }) : /* @__PURE__ */ r(s, { title: e.label });
+}, u = ({ correctness: e, interactive: t }) => !e || !t ? null : e.value === "correct" ? /* @__PURE__ */ n(o, { title: e.label }) : /* @__PURE__ */ n(s, { title: e.label });
 c.propTypes = {
 	scale: e.shape({
 		x: e.func,

package/dist/common/drag-handle.js

@@ -4,8 +4,8 @@ import "react";
 import n from "prop-types";
 import { styled as r } from "@mui/material/styles";
 import { gridDraggable as i, types as a, utils as o } from "@pie-lib/plot";
-import { color as s } from "@pie-lib/render-ui";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { color as l } from "@pie-lib/render-ui";
 import u from "@mui/icons-material/Check";
 import d from "@mui/icons-material/Close";
 //#region src/common/drag-handle.tsx
@@ -13,75 +13,75 @@ var f = r("svg")(() => ({ overflow: "visible !important" })), p = r("ellipse")((
 	fill: "transparent",
 	clipPath: "polygon(50% 0%, 100% 0%, 100% 50%, 0% 50%, 0% 0%)"
 })), m = r(u)(() => ({
-	backgroundColor: s.correct(),
+	backgroundColor: l.correct(),
 	borderRadius: "16px",
-	color: s.defaults.WHITE,
+	color: l.defaults.WHITE,
 	fontSize: "16px",
 	padding: "2px",
-	border: `4px solid ${s.defaults.WHITE}`,
+	border: `4px solid ${l.defaults.WHITE}`,
 	width: "16px",
 	height: "16px",
 	boxSizing: "unset"
 })), h = r(d)(() => ({
-	backgroundColor: s.incorrectWithIcon(),
+	backgroundColor: l.incorrectWithIcon(),
 	borderRadius: "16px",
-	color: s.defaults.WHITE,
+	color: l.defaults.WHITE,
 	fontSize: "16px",
 	padding: "2px",
-	border: `4px solid ${s.defaults.WHITE}`,
+	border: `4px solid ${l.defaults.WHITE}`,
 	width: "16px",
 	height: "16px",
 	boxSizing: "unset"
 })), g = ({ x: n, y: r, width: i, graphProps: a, interactive: o, isHovered: u, correctness: d, isPlot: g, ..._ }) => {
 	let { scale: v } = a, y = e(i)?.scale;
-	return /* @__PURE__ */ l(f, {
+	return /* @__PURE__ */ c(f, {
 		x: n,
 		y: v.y(r) - 10,
 		width: i,
 		overflow: "visible",
 		children: [
-			u && !d && o && /* @__PURE__ */ c(t, {
+			u && !d && o && /* @__PURE__ */ s(t, {
 				width: i,
 				scaleValue: y,
-				color: s.defaults.BORDER_GRAY
+				color: l.defaults.BORDER_GRAY
 			}),
-			o && !d && /* @__PURE__ */ c(p, {
+			o && !d && /* @__PURE__ */ s(p, {
 				cx: i / 2,
 				cy: 10,
 				rx: i / 2,
 				ry: 66,
 				..._
 			}),
-			/* @__PURE__ */ c("defs", { children: /* @__PURE__ */ l("filter", {
+			/* @__PURE__ */ s("defs", { children: /* @__PURE__ */ c("filter", {
 				id: "bottomShadow",
 				x: "0",
 				y: "0",
 				width: "140%",
 				height: "140%",
 				children: [
-					/* @__PURE__ */ c("feGaussianBlur", {
+					/* @__PURE__ */ s("feGaussianBlur", {
 						in: "SourceAlpha",
 						stdDeviation: "3"
 					}),
-					/* @__PURE__ */ c("feOffset", {
+					/* @__PURE__ */ s("feOffset", {
 						dx: "0",
 						dy: "5",
 						result: "offsetblur"
 					}),
-					/* @__PURE__ */ c("feFlood", { floodColor: "#00000033" }),
-					/* @__PURE__ */ c("feComposite", {
+					/* @__PURE__ */ s("feFlood", { floodColor: "#00000033" }),
+					/* @__PURE__ */ s("feComposite", {
 						in2: "offsetblur",
 						operator: "in"
 					}),
-					/* @__PURE__ */ l("feMerge", { children: [/* @__PURE__ */ c("feMergeNode", {}), /* @__PURE__ */ c("feMergeNode", { in: "SourceGraphic" })] })
+					/* @__PURE__ */ c("feMerge", { children: [/* @__PURE__ */ s("feMergeNode", {}), /* @__PURE__ */ s("feMergeNode", { in: "SourceGraphic" })] })
 				]
 			}) }),
-			d && o && !g && /* @__PURE__ */ c("foreignObject", {
+			d && o && !g && /* @__PURE__ */ s("foreignObject", {
 				x: i / 2 - 14,
 				y: 0,
 				width: 40,
 				height: 40,
-				children: d.value === "correct" ? /* @__PURE__ */ c(m, { title: d.label }) : /* @__PURE__ */ c(h, { title: d.label })
+				children: d.value === "correct" ? /* @__PURE__ */ s(m, { title: d.label }) : /* @__PURE__ */ s(h, { title: d.label })
 			})
 		]
 	});
@@ -117,4 +117,4 @@ var _ = g, v = i({
 	})
 })(_);
 //#endregion
-export { _ as DragHandle, v as default };
+export { v as D, v as default, _ as DragHandle };

package/dist/grid.js

@@ -1,13 +1,13 @@
-import e from "./node_modules/.bun/@visx_grid@3.12.0_f4eacebf2041cd4f/node_modules/@visx/grid/esm/grids/GridRows.js";
-import t from "./node_modules/.bun/@visx_grid@3.12.0_f4eacebf2041cd4f/node_modules/@visx/grid/esm/grids/GridColumns.js";
+import e from "./node_modules/.bun/@visx_grid@4.0.0_d84c32d47042070f/node_modules/@visx/grid/esm/grids/GridRows.js";
+import t from "./node_modules/.bun/@visx_grid@4.0.0_d84c32d47042070f/node_modules/@visx/grid/esm/grids/GridColumns.js";
 import n from "react";
 import r from "prop-types";
 import { styled as i } from "@mui/material/styles";
 import { types as a } from "@pie-lib/plot";
-import { color as o } from "@pie-lib/render-ui";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { color as c } from "@pie-lib/render-ui";
 //#region src/grid.tsx
-var l = i("g")(() => ({ stroke: o.primaryLight() })), u = class extends n.Component {
+var l = i("g")(() => ({ stroke: c.primaryLight() })), u = class extends n.Component {
 	static propTypes = {
 		className: r.string,
 		graphProps: a.GraphPropsType.isRequired,
@@ -24,26 +24,26 @@ var l = i("g")(() => ({ stroke: o.primaryLight() })), u = class extends n.Compon
 			unlabeledLines: [],
 			labeledLines: []
 		});
-		return /* @__PURE__ */ c(l, { children: [
-			/* @__PURE__ */ s(e, {
+		return /* @__PURE__ */ s(l, { children: [
+			/* @__PURE__ */ o(e, {
 				scale: u.y,
 				width: d.width,
 				tickValues: _,
 				lineStyle: {
-					stroke: o.fadedPrimary(),
+					stroke: c.fadedPrimary(),
 					strokeWidth: 1
 				}
 			}),
-			/* @__PURE__ */ s(e, {
+			/* @__PURE__ */ o(e, {
 				scale: u.y,
 				width: d.width,
 				tickValues: v,
 				lineStyle: {
-					stroke: _.length ? o.visualElementsColors.GRIDLINES_COLOR : o.fadedPrimary(),
+					stroke: _.length ? c.visualElementsColors.GRIDLINES_COLOR : c.fadedPrimary(),
 					strokeWidth: 1
 				}
 			}),
-			/* @__PURE__ */ s(t, {
+			/* @__PURE__ */ o(t, {
 				scale: r,
 				height: d.height,
 				offset: r.bandwidth() / 2,
@@ -53,4 +53,4 @@ var l = i("g")(() => ({ stroke: o.primaryLight() })), u = class extends n.Compon
 	}
 };
 //#endregion
-export { u as default };
+export { u as Grid, u as default };

package/dist/index.js

@@ -1,5 +1,5 @@
 import e from "./chart-types.js";
-import t from "./chart.js";
+import { Chart as t } from "./chart.js";
 import n from "./chart-type.js";
 import r from "./chart-setup.js";
 import i from "./key-legend.js";

package/dist/key-legend.js

@@ -1,14 +1,14 @@
 import "react";
 import e from "prop-types";
 import { styled as t } from "@mui/material/styles";
-import { color as n } from "@pie-lib/render-ui";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { color as i } from "@pie-lib/render-ui";
 import a from "@mui/icons-material/Check";
 import o from "@mui/icons-material/Close";
 import s from "@pie-lib/translator";
 //#region src/key-legend.tsx
 var c = t("div")(({ theme: e }) => ({
-	backgroundColor: n.defaults.WHITE,
+	backgroundColor: i.defaults.WHITE,
 	padding: e.spacing(2),
 	width: "355px",
 	boxShadow: "inset 0px 1px 5px 0px #9297A6",
@@ -23,23 +23,23 @@ var c = t("div")(({ theme: e }) => ({
 	fontSize: e.typography.h6.fontSize,
 	fontWeight: "700"
 })), d = t("div")(() => ({ marginLeft: "2px" })), f = t(a)(({ theme: e }) => ({
-	backgroundColor: n.correct(),
+	backgroundColor: i.correct(),
 	borderRadius: e.spacing(2),
-	color: n.defaults.WHITE
+	color: i.defaults.WHITE
 })), p = t(o)(({ theme: e }) => ({
-	backgroundColor: n.incorrectWithIcon(),
+	backgroundColor: i.incorrectWithIcon(),
 	borderRadius: e.spacing(2),
-	color: n.defaults.WHITE
+	color: i.defaults.WHITE
 })), m = t("div")(() => ({
 	marginLeft: "3px",
 	display: "flex",
 	alignItems: "center",
 	gap: "12px"
-})), { translator: h } = s, g = ({ language: e }) => /* @__PURE__ */ i(c, { children: [
-	/* @__PURE__ */ r(u, { children: "Key" }),
-	/* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(p, {}), /* @__PURE__ */ r("div", { children: h.t("charting.keyLegend.incorrectAnswer", { lng: e }) })] }),
-	/* @__PURE__ */ i(l, { children: [/* @__PURE__ */ r(f, {}), /* @__PURE__ */ r("div", { children: h.t("charting.keyLegend.correctAnswer", { lng: e }) })] }),
-	/* @__PURE__ */ i(m, { children: [/* @__PURE__ */ r(f, { fontSize: "small" }), /* @__PURE__ */ r(d, { children: h.t("charting.keyLegend.correctKeyAnswer", { lng: e }) })] })
+})), { translator: h } = s, g = ({ language: e }) => /* @__PURE__ */ r(c, { children: [
+	/* @__PURE__ */ n(u, { children: "Key" }),
+	/* @__PURE__ */ r(l, { children: [/* @__PURE__ */ n(p, {}), /* @__PURE__ */ n("div", { children: h.t("charting.keyLegend.incorrectAnswer", { lng: e }) })] }),
+	/* @__PURE__ */ r(l, { children: [/* @__PURE__ */ n(f, {}), /* @__PURE__ */ n("div", { children: h.t("charting.keyLegend.correctAnswer", { lng: e }) })] }),
+	/* @__PURE__ */ r(m, { children: [/* @__PURE__ */ n(f, { fontSize: "small" }), /* @__PURE__ */ n(d, { children: h.t("charting.keyLegend.correctKeyAnswer", { lng: e }) })] })
 ] });
 g.propTypes = { language: e.string };
 //#endregion

package/dist/line/common/drag-handle.js

@@ -1,11 +1,11 @@
-import e from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
+import { clsx as e } from "../../node_modules/.bun/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
 import { disabled as t } from "../../common/styles.js";
 import n from "react";
 import r from "prop-types";
 import { styled as i } from "@mui/material/styles";
 import { gridDraggable as a, types as o, utils as s } from "@pie-lib/plot";
-import { color as c } from "@pie-lib/render-ui";
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
+import { color as l } from "@pie-lib/render-ui";
 //#region src/line/common/drag-handle.tsx
 var u = i("g")(({ theme: e }) => ({
 	color: "black",
@@ -19,24 +19,24 @@ var u = i("g")(({ theme: e }) => ({
 		stroke: "transparent"
 	},
 	"& .line": {
-		stroke: c.defaults.TEXT,
+		stroke: l.defaults.TEXT,
 		transition: "fill 200ms linear, height 200ms linear",
 		"&.non-interactive": t("stroke")
 	},
 	"& .disabledPoint": {
-		fill: c.defaults.BLACK + " !important",
-		stroke: c.defaults.BLACK + " !important"
+		fill: l.defaults.BLACK + " !important",
+		stroke: l.defaults.BLACK + " !important"
 	},
-	"& .correctIcon": { backgroundColor: c.correct() },
-	"& .incorrectIcon": { backgroundColor: c.incorrectWithIcon() },
+	"& .correctIcon": { backgroundColor: l.correct() },
+	"& .incorrectIcon": { backgroundColor: l.incorrectWithIcon() },
 	"& .correctnessIcon": {
 		borderRadius: e.spacing(2),
-		color: c.defaults.WHITE,
+		color: l.defaults.WHITE,
 		fontSize: "16px",
 		width: "16px",
 		height: "16px",
 		padding: "2px",
-		border: `1px solid ${c.defaults.WHITE}`,
+		border: `1px solid ${l.defaults.WHITE}`,
 		stroke: "initial",
 		boxSizing: "unset"
 	},
@@ -60,15 +60,15 @@ var u = i("g")(({ theme: e }) => ({
 		})
 	};
 	render() {
-		let { x: t, y: n, graphProps: r, className: i, interactive: a, CustomDraggableComponent: o, correctness: s, ...c } = this.props, { scale: d } = r;
-		return o ? /* @__PURE__ */ l(u, { children: /* @__PURE__ */ l(o, {
+		let { x: t, y: n, graphProps: r, className: i, interactive: a, CustomDraggableComponent: o, correctness: s, ...l } = this.props, { scale: d } = r;
+		return o ? /* @__PURE__ */ c(u, { children: /* @__PURE__ */ c(o, {
 			scale: d,
 			x: t,
 			y: n,
 			className: e(i, !a && "non-interactive"),
 			correctness: s,
 			interactive: a,
-			...c
+			...l
 		}) }) : null;
 	}
 }, f = a({

package/dist/line/common/line.js

@@ -1,13 +1,13 @@
-import e from "../../node_modules/.bun/@visx_group@3.12.0_f4eacebf2041cd4f/node_modules/@visx/group/esm/Group.js";
-import t from "../../node_modules/.bun/@visx_shape@3.12.0_f4eacebf2041cd4f/node_modules/@visx/shape/esm/shapes/LinePath.js";
+import e from "../../node_modules/.bun/@visx_group@4.0.0_d84c32d47042070f/node_modules/@visx/group/esm/Group.js";
+import t from "../../node_modules/.bun/@visx_shape@4.0.0_d84c32d47042070f/node_modules/@visx/shape/esm/shapes/LinePath.js";
 import n, { DragHandle as r } from "./drag-handle.js";
 import i from "react";
 import a from "prop-types";
 import { styled as o } from "@mui/material/styles";
 import { isEqual as s } from "@pie-element/shared-lodash";
 import { types as c } from "@pie-lib/plot";
-import { color as l } from "@pie-lib/render-ui";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { color as d } from "@pie-lib/render-ui";
 //#region src/line/common/line.tsx
 var f = (e, t) => {
 	let { max: n } = t || {}, r = e.length;
@@ -18,10 +18,10 @@ var f = (e, t) => {
 	}));
 }, p = o(t)(() => ({
 	fill: "transparent",
-	stroke: l.defaults.TERTIARY,
+	stroke: d.defaults.TERTIARY,
 	strokeWidth: 3,
 	transition: "stroke 200ms ease-in, stroke-width 200ms ease-in"
-})), m = o(class extends i.Component {
+})), m = class extends i.Component {
 	static propTypes = {
 		onChange: a.func,
 		value: a.number,
@@ -59,15 +59,15 @@ var f = (e, t) => {
 		r[e].dragValue = n, this.setDragValue(r);
 	};
 	render() {
-		let { graphProps: e, data: t, CustomDraggableComponent: a, defineChart: o, correctData: s } = this.props, { line: c, dragging: l } = this.state, { scale: m } = e, h = l ? c : f(t, e.domain);
-		return /* @__PURE__ */ d(i.Fragment, { children: [/* @__PURE__ */ u(p, {
+		let { graphProps: e, data: t, CustomDraggableComponent: a, defineChart: o, correctData: s } = this.props, { line: c, dragging: d } = this.state, { scale: m } = e, h = d ? c : f(t, e.domain);
+		return /* @__PURE__ */ u(i.Fragment, { children: [/* @__PURE__ */ l(p, {
 			data: h,
 			x: (e) => m.x(e.x),
 			y: (e) => m.y(e.dragValue === void 0 ? e.y : e.dragValue),
 			className: "line"
 		}), h && h.map((t, i) => {
 			let c = o || t.interactive;
-			return /* @__PURE__ */ u(c ? n : r, {
+			return /* @__PURE__ */ l(c ? n : r, {
 				x: t.x,
 				y: t.dragValue === void 0 ? t.y : t.dragValue,
 				interactive: c,
@@ -83,12 +83,12 @@ var f = (e, t) => {
 			}, `point-${t.x}-${i}`);
 		})] });
 	}
-})(() => ({ "& .line": {
+}, h = o(m)(() => ({ "& .line": {
 	fill: "transparent",
-	stroke: l.defaults.TERTIARY,
+	stroke: d.defaults.TERTIARY,
 	strokeWidth: 3,
 	transition: "stroke 200ms ease-in, stroke-width 200ms ease-in"
-} })), h = class extends i.Component {
+} })), g = class extends i.Component {
 	static propTypes = {
 		data: a.array,
 		onChange: a.func,
@@ -104,11 +104,11 @@ var f = (e, t) => {
 	};
 	render() {
 		let t = this.props;
-		return /* @__PURE__ */ u(e, { children: /* @__PURE__ */ u(m, {
+		return /* @__PURE__ */ l(e, { children: /* @__PURE__ */ l(h, {
 			...t,
 			onChange: this.changeLine
 		}) });
 	}
 };
 //#endregion
-export { h as default };
+export { g as Line, g as default, m as RawLine };

package/dist/line/line-cross.js

@@ -1,39 +1,39 @@
-import e from "../node_modules/.bun/@visx_group@3.12.0_f4eacebf2041cd4f/node_modules/@visx/group/esm/Group.js";
-import t from "../node_modules/.bun/@visx_shape@3.12.0_f4eacebf2041cd4f/node_modules/@visx/shape/esm/shapes/LinePath.js";
+import e from "../node_modules/.bun/@visx_group@4.0.0_d84c32d47042070f/node_modules/@visx/group/esm/Group.js";
+import t from "../node_modules/.bun/@visx_shape@4.0.0_d84c32d47042070f/node_modules/@visx/shape/esm/shapes/LinePath.js";
 import { CorrectnessIndicator as n, SmallCorrectPointIndicator as r } from "../common/correctness-indicators.js";
 import { dataToXBand as i } from "../utils.js";
-import a from "./common/line.js";
+import { Line as a } from "./common/line.js";
 import o, { useState as s } from "react";
 import c from "prop-types";
 import { styled as l } from "@mui/material/styles";
 import { types as u } from "@pie-lib/plot";
-import { color as d } from "@pie-lib/render-ui";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { color as p } from "@pie-lib/render-ui";
 //#region src/line/line-cross.tsx
 var m = l(t)(() => ({
-	stroke: d.defaults.TEXT,
+	stroke: p.defaults.TEXT,
 	transition: "fill 200ms linear, height 200ms linear",
-	"&.non-interactive": { stroke: d.disabled?.() || "#ccc" }
+	"&.non-interactive": { stroke: p.disabled?.() || "#ccc" }
 })), h = l(e)(({ correctness: e, interactive: t }) => ({
-	stroke: d.defaults.TEXT,
+	stroke: p.defaults.TEXT,
 	transition: "fill 200ms linear, height 200ms linear",
 	...e && !t && {
-		fill: `${d.defaults.BLACK} !important`,
-		stroke: `${d.defaults.BLACK} !important`
+		fill: `${p.defaults.BLACK} !important`,
+		stroke: `${p.defaults.BLACK} !important`
 	},
-	"&.non-interactive": { stroke: d.disabled?.() || "#ccc" }
+	"&.non-interactive": { stroke: p.disabled?.() || "#ccc" }
 })), g = l("circle")(() => ({
 	height: "20px",
 	fill: "transparent",
 	stroke: "transparent"
 })), _ = (e) => {
 	let { className: t, scale: i, x: a, y: o, r: c, correctness: l, interactive: u, correctData: _, label: v, ...y } = e, [b, x] = s(!1), S = c * 4, C = S / 2, w = i.x(a), T = i.y(o);
-	return /* @__PURE__ */ p(h, {
+	return /* @__PURE__ */ f(h, {
 		className: t,
 		correctness: l,
 		interactive: u,
 		children: [
-			/* @__PURE__ */ f(m, {
+			/* @__PURE__ */ d(m, {
 				data: [{
 					x: i.x(a) - c,
 					y: i.y(o) + c
@@ -46,7 +46,7 @@ var m = l(t)(() => ({
 				strokeWidth: 5,
 				style: { pointerEvents: "none" }
 			}, `point-${a}-${o}-1`),
-			/* @__PURE__ */ f(m, {
+			/* @__PURE__ */ d(m, {
 				data: [{
 					x: i.x(a) - c,
 					y: i.y(o) - c
@@ -59,17 +59,17 @@ var m = l(t)(() => ({
 				strokeWidth: 5,
 				style: { pointerEvents: "none" }
 			}, `point-${a}-${o}-2`),
-			b && /* @__PURE__ */ f("rect", {
+			b && /* @__PURE__ */ d("rect", {
 				x: w - C,
 				y: T - C,
 				width: S,
 				height: S,
-				stroke: d.defaults.BORDER_GRAY,
+				stroke: p.defaults.BORDER_GRAY,
 				fill: "none",
 				strokeWidth: 2,
 				pointerEvents: "none"
 			}),
-			/* @__PURE__ */ f(g, {
+			/* @__PURE__ */ d(g, {
 				cx: w,
 				cy: T,
 				r: c * 2,
@@ -77,7 +77,7 @@ var m = l(t)(() => ({
 				onMouseLeave: () => x(!1),
 				...y
 			}),
-			/* @__PURE__ */ f(n, {
+			/* @__PURE__ */ d(n, {
 				scale: i,
 				x: a,
 				y: o,
@@ -85,7 +85,7 @@ var m = l(t)(() => ({
 				correctness: l,
 				interactive: u
 			}),
-			/* @__PURE__ */ f(r, {
+			/* @__PURE__ */ d(r, {
 				scale: i,
 				x: a,
 				r: c,
@@ -118,7 +118,7 @@ var v = class extends o.Component {
 	};
 	render() {
 		let e = this.props, { data: t, graphProps: n } = e, { scale: r = {}, size: o = {} } = n || {}, s = i(r.x, t, o.width, "lineCross");
-		return /* @__PURE__ */ f(a, {
+		return /* @__PURE__ */ d(a, {
 			...e,
 			xBand: s,
 			CustomDraggableComponent: _
@@ -130,4 +130,4 @@ var v = class extends o.Component {
 	name: "Line Cross"
 });
 //#endregion
-export { y as default };
+export { v as LineCross, y as default };