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

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 })
 			})
 		]
 	});

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,

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

@@ -4,8 +4,8 @@ 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,7 +18,7 @@ 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 = class extends i.Component {
@@ -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,
@@ -85,7 +85,7 @@ var f = (e, t) => {
 	}
 }, 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"
 } })), g = class extends i.Component {
@@ -104,7 +104,7 @@ var f = (e, t) => {
 	};
 	render() {
 		let t = this.props;
-		return /* @__PURE__ */ u(e, { children: /* @__PURE__ */ u(h, {
+		return /* @__PURE__ */ l(e, { children: /* @__PURE__ */ l(h, {
 			...t,
 			onChange: this.changeLine
 		}) });

package/dist/line/line-cross.js

@@ -1,5 +1,5 @@
-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 { Line as a } from "./common/line.js";
@@ -7,33 +7,33 @@ 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: _

package/dist/line/line-dot.js

@@ -5,8 +5,8 @@ import i from "react";
 import a from "prop-types";
 import { styled as o } from "@mui/material/styles";
 import { types as s } from "@pie-lib/plot";
-import { color as c } from "@pie-lib/render-ui";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { color as u } from "@pie-lib/render-ui";
 //#region src/line/line-dot.tsx
 var d = o("circle")(() => ({})), f = o("circle")(() => ({
 	height: "20px",
@@ -15,13 +15,13 @@ var d = o("circle")(() => ({})), f = o("circle")(() => ({
 	pointerEvents: "auto"
 })), p = ({ scale: n, x: r, y: a, r: o, correctness: s, interactive: p, correctData: m, label: h, ...g }) => {
 	let [_, v] = i.useState(!1), y = !s && p;
-	return /* @__PURE__ */ u("g", {
+	return /* @__PURE__ */ l("g", {
 		onMouseEnter: () => v(!0),
 		onMouseLeave: () => v(!1),
 		onTouchStart: () => v(!0),
 		onTouchEnd: () => v(!1),
 		children: [
-			/* @__PURE__ */ l(f, {
+			/* @__PURE__ */ c(f, {
 				cx: n.x(r),
 				cy: n.y(a),
 				r: o * 3,
@@ -29,7 +29,7 @@ var d = o("circle")(() => ({})), f = o("circle")(() => ({
 				onMouseLeave: () => v(!1),
 				...g
 			}),
-			/* @__PURE__ */ l(d, {
+			/* @__PURE__ */ c(d, {
 				cx: n.x(r),
 				cy: n.y(a),
 				r: o,
@@ -37,7 +37,7 @@ var d = o("circle")(() => ({})), f = o("circle")(() => ({
 				interactive: p,
 				...g
 			}),
-			/* @__PURE__ */ l(e, {
+			/* @__PURE__ */ c(e, {
 				scale: n,
 				x: r,
 				y: a,
@@ -45,7 +45,7 @@ var d = o("circle")(() => ({})), f = o("circle")(() => ({
 				correctness: s,
 				interactive: p
 			}),
-			/* @__PURE__ */ l(t, {
+			/* @__PURE__ */ c(t, {
 				scale: n,
 				x: r,
 				r: o,
@@ -53,12 +53,12 @@ var d = o("circle")(() => ({})), f = o("circle")(() => ({
 				correctData: m,
 				label: h
 			}),
-			_ && y && /* @__PURE__ */ l("rect", {
+			_ && y && /* @__PURE__ */ c("rect", {
 				x: n.x(r) - o * 2,
 				y: n.y(a) - o * 2,
 				width: o * 4,
 				height: o * 4,
-				stroke: c.defaults.BORDER_GRAY,
+				stroke: u.defaults.BORDER_GRAY,
 				strokeWidth: "1",
 				fill: "none"
 			})
@@ -86,7 +86,7 @@ var m = class extends i.Component {
 	};
 	render() {
 		let e = this.props, { data: t, graphProps: i } = e, { scale: a = {}, size: o = {} } = i || {}, s = n(a.x, t, o.width, "lineDot");
-		return /* @__PURE__ */ l(r, {
+		return /* @__PURE__ */ c(r, {
 			...e,
 			xBand: s,
 			CustomDraggableComponent: p

package/dist/mark-label.js

@@ -5,8 +5,8 @@ import { useCallback as a, useEffect as o, useRef as s, useState as c } from "re
 import l from "prop-types";
 import { styled as u } from "@mui/material/styles";
 import { types as d } from "@pie-lib/plot";
-import { color as f } from "@pie-lib/render-ui";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { color as m } from "@pie-lib/render-ui";
 import { renderMath as h } from "@pie-element/shared-math-rendering-mathjax";
 //#region src/mark-label.tsx
 var g = u("div")({
@@ -29,7 +29,7 @@ var _ = u("div")(({ theme: e }) => ({
 	textAlign: "center",
 	fontSize: e.typography.fontSize + 2,
 	fontFamily: e.typography.fontFamily,
-	color: f.primaryDark(),
+	color: m.primaryDark(),
 	paddingTop: e.typography.fontSize / 2,
 	"&.disabledMarkLabel": {
 		...r("color"),
@@ -50,7 +50,7 @@ function y(e) {
 	if (v(e)) return i[0] && i[1] && (r = i[0]), a = `\\(${r}\\frac{${n[0]}}{${n[1]}}\\)`, a;
 }
 var b = (n) => {
-	let [r, i] = c(null), l = a((e) => i(e), null), { mark: u = {}, disabled: d, inputRef: f, barWidth: v, rotate: b, correctness: x, autoFocus: S, error: C, isHiddenLabel: w, limitCharacters: T, correctnessIndicator: E } = n, [D, O] = c(u.label), [k, A] = c(y(u.label)), [j, M] = c(!1), N = s(null), P = (e) => {
+	let [r, i] = c(null), l = a((e) => i(e), null), { mark: u = {}, disabled: d, inputRef: m, barWidth: v, rotate: b, correctness: x, autoFocus: S, error: C, isHiddenLabel: w, limitCharacters: T, correctnessIndicator: E } = n, [D, O] = c(u.label), [k, A] = c(y(u.label)), [j, M] = c(!1), N = s(null), P = (e) => {
 		T && e.target.value && e.target.value.length > 20 || O(e.target.value);
 	}, F = () => j === !1 && k !== void 0, I = (e) => {
 		A(y(u.label)), M(!1), n.onChange(e.target.value);
@@ -63,9 +63,9 @@ var b = (n) => {
 	}, [u.label]), o(() => {
 		let e = N.current;
 		e && k && (e.innerHTML = k, h(e));
-	}, [D, k]), /* @__PURE__ */ m(g, { children: [E, F() ? /* @__PURE__ */ p(_, {
+	}, [D, k]), /* @__PURE__ */ p(g, { children: [E, F() ? /* @__PURE__ */ f(_, {
 		ref: (e) => {
-			N.current = e, typeof f == "function" && f(e);
+			N.current = e, typeof m == "function" && m(e);
 		},
 		className: e({
 			disabledMarkLabel: d,
@@ -82,9 +82,9 @@ var b = (n) => {
 			visibility: w ? "hidden" : "unset",
 			marginTop: E ? "24px" : "0"
 		}
-	}) : /* @__PURE__ */ p(t, {
+	}) : /* @__PURE__ */ f(t, {
 		inputRef: (e) => {
-			l(e), typeof f == "function" && f(e);
+			l(e), typeof m == "function" && m(e);
 		},
 		name: "mark-label-input",
 		autoFocus: j || S,

package/dist/node_modules/.bun/@visx_axis@4.0.0_d84c32d47042070f/node_modules/@visx/axis/esm/axis/Axis.js

@@ -0,0 +1,67 @@
+import { __toESM as e } from "../../../../../../../../_virtual/_rolldown/runtime.js";
+import { require_classnames as t } from "../../../../../../classnames@2.5.1/node_modules/classnames/index.js";
+import n from "../../../../../../@visx_group@4.0.0_d84c32d47042070f/node_modules/@visx/group/esm/Group.js";
+import r from "../../../../../../@visx_scale@4.0.0/node_modules/@visx/scale/esm/utils/coerceNumber.js";
+import i from "../../../../../../@visx_scale@4.0.0/node_modules/@visx/scale/esm/utils/getTicks.js";
+import a from "../constants/orientation.js";
+import o from "./AxisRenderer.js";
+import s from "../utils/getTickPosition.js";
+import c from "../utils/getTickFormatter.js";
+import l from "../utils/createPoint.js";
+import u from "../utils/getAxisRangePaddingConfig.js";
+import { jsx as d } from "react/jsx-runtime";
+//#region ../../../node_modules/.bun/@visx+axis@4.0.0+d84c32d47042070f/node_modules/@visx/axis/esm/axis/Axis.js
+var f = /* @__PURE__ */ e(t());
+function p(e) {
+	let { children: t = o, axisClassName: p, hideAxisLine: m = !1, hideTicks: h = !1, hideZero: g = !1, innerRef: _, left: v = 0, numTicks: y = 10, orientation: b = a.bottom, rangePadding: x = 0, scale: S, tickFormat: C, tickLength: w = 8, tickValues: T, top: E = 0, ...D } = e, O = C ?? c(S), k = b === a.left, A = b === a.top, j = A || b === a.bottom, M = s(S), N = k || A ? -1 : 1, P = S.range(), F = u(x), I = l({
+		x: Number(P[0]) + .5 - F.start,
+		y: 0
+	}, j), L = l({
+		x: Number(P[P.length - 1]) + .5 + F.end,
+		y: 0
+	}, j), R = (T ?? i(S, y)).filter((e) => !g || e !== 0 && e !== "0").map((e, t) => ({
+		value: e,
+		index: t
+	})), z = R.map((e) => {
+		let { value: t, index: n } = e, i = r(M(t));
+		return {
+			value: t,
+			index: n,
+			from: l({
+				x: i,
+				y: 0
+			}, j),
+			to: l({
+				x: i,
+				y: w * N
+			}, j),
+			formattedValue: O(t, n, R)
+		};
+	});
+	return /*#__PURE__*/ d(n, {
+		className: (0, f.default)("visx-axis", p),
+		innerRef: _,
+		top: E,
+		left: v,
+		children: t({
+			...D,
+			axisFromPoint: I,
+			axisToPoint: L,
+			hideAxisLine: m,
+			hideTicks: h,
+			hideZero: g,
+			horizontal: j,
+			numTicks: y,
+			orientation: b,
+			rangePadding: x,
+			scale: S,
+			tickFormat: O,
+			tickLength: w,
+			tickPosition: M,
+			tickSign: N,
+			ticks: z
+		})
+	});
+}
+//#endregion
+export { p as default };