@stealthscale/component-charts 0.2.1 → 0.2.3

package/dist/pages/box-plot/box-plot.js

@@ -0,0 +1,1585 @@
+import { t as __exportAll } from "../../rolldown-runtime-D7D4PA-g.js";
+import { ht as BoxPlot } from "../../shared-DVZJ2nST.js";
+import { c } from "react/compiler-runtime";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Room, specimen, useWords } from "@stealthscale/specimen";
+import { RotateCcwIcon } from "lucide-react";
+import { Button } from "@stealthscale/component-actions";
+import { Stack } from "@stealthscale/component-layout";
+//#region src/box-plot/examples/regions.ts
+/**
+* Lists the response times in milliseconds of a checkout API's requests in four regions, which the
+* box plot's examples share: about 40 requests each, every region with a slow tail.
+*/
+/**
+* Lists Frankfurt's 42 response times.
+*/
+const FRANKFURT = [
+	51,
+	58,
+	53,
+	59,
+	39,
+	56,
+	72,
+	54,
+	134,
+	84,
+	52,
+	42,
+	48,
+	57,
+	63,
+	74,
+	95,
+	68,
+	93,
+	52,
+	59,
+	94,
+	54,
+	87,
+	55,
+	59,
+	70,
+	85,
+	89,
+	108,
+	83,
+	56,
+	49,
+	94,
+	30,
+	47,
+	111,
+	53,
+	79,
+	79,
+	158,
+	176
+];
+/**
+* Lists Amsterdam's 41 response times.
+*/
+const AMSTERDAM = [
+	71,
+	69,
+	82,
+	70,
+	67,
+	73,
+	57,
+	75,
+	82,
+	84,
+	56,
+	70,
+	52,
+	51,
+	83,
+	57,
+	54,
+	89,
+	122,
+	42,
+	41,
+	97,
+	52,
+	50,
+	55,
+	46,
+	74,
+	63,
+	64,
+	84,
+	66,
+	87,
+	93,
+	54,
+	78,
+	71,
+	73,
+	53,
+	46,
+	67,
+	214
+];
+/**
+* Lists Virginia's 43 response times.
+*/
+const VIRGINIA = [
+	137,
+	96,
+	129,
+	129,
+	87,
+	111,
+	95,
+	92,
+	141,
+	124,
+	84,
+	109,
+	158,
+	171,
+	103,
+	132,
+	106,
+	156,
+	114,
+	136,
+	170,
+	106,
+	137,
+	110,
+	72,
+	131,
+	139,
+	111,
+	135,
+	95,
+	124,
+	155,
+	105,
+	133,
+	125,
+	79,
+	142,
+	139,
+	99,
+	126,
+	262,
+	301,
+	344
+];
+/**
+* Lists Singapore's 41 response times.
+*/
+const SINGAPORE = [
+	165,
+	199,
+	128,
+	151,
+	114,
+	207,
+	170,
+	230,
+	165,
+	205,
+	199,
+	147,
+	150,
+	260,
+	229,
+	175,
+	144,
+	141,
+	141,
+	179,
+	182,
+	122,
+	157,
+	159,
+	129,
+	267,
+	120,
+	158,
+	238,
+	202,
+	124,
+	179,
+	186,
+	137,
+	158,
+	208,
+	197,
+	134,
+	114,
+	179,
+	388
+];
+//#endregion
+//#region src/box-plot/examples/far.example.tsx
+var far_example_exports = /* @__PURE__ */ __exportAll({
+	FarOut: () => FarOut,
+	source: () => source$7
+});
+function FarOut() {
+	const $ = c(33);
+	const { t } = useWords("box-plot");
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("far.caption");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== t) {
+		t1 = t("requests");
+		$[2] = t;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t) {
+		t2 = t("regions.frankfurt");
+		$[4] = t;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== t2) {
+		t3 = {
+			key: "frankfurt",
+			label: t2,
+			values: FRANKFURT
+		};
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== t) {
+		t4 = t("regions.amsterdam");
+		$[8] = t;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== t4) {
+		t5 = {
+			key: "amsterdam",
+			label: t4,
+			values: AMSTERDAM
+		};
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== t) {
+		t6 = t("regions.virginia");
+		$[12] = t;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== t6) {
+		t7 = {
+			key: "virginia",
+			label: t6,
+			values: VIRGINIA
+		};
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== t) {
+		t8 = t("regions.singapore");
+		$[16] = t;
+		$[17] = t8;
+	} else t8 = $[17];
+	let t9;
+	if ($[18] !== t8) {
+		t9 = {
+			key: "singapore",
+			label: t8,
+			values: SINGAPORE
+		};
+		$[18] = t8;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== t3 || $[21] !== t5 || $[22] !== t7 || $[23] !== t9) {
+		t10 = [
+			t3,
+			t5,
+			t7,
+			t9
+		];
+		$[20] = t3;
+		$[21] = t5;
+		$[22] = t7;
+		$[23] = t9;
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== t) {
+		t11 = t("regions.label");
+		$[25] = t;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = {
+			style: "unit",
+			unit: "millisecond",
+			unitDisplay: "narrow"
+		};
+		$[27] = t12;
+	} else t12 = $[27];
+	let t13;
+	if ($[28] !== t0 || $[29] !== t1 || $[30] !== t10 || $[31] !== t11) {
+		t13 = /* @__PURE__ */ jsx(BoxPlot, {
+			caption: t0,
+			countLabel: t1,
+			groups: t10,
+			label: t11,
+			valueOptions: t12,
+			whisker: 3
+		});
+		$[28] = t0;
+		$[29] = t1;
+		$[30] = t10;
+		$[31] = t11;
+		$[32] = t13;
+	} else t13 = $[32];
+	return t13;
+}
+const source$7 = "import { type ReactElement } from \"react\";\n\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { BoxPlot } from \"@stealthscale/component-charts\";\n\nimport { AMSTERDAM, FRANKFURT, SINGAPORE, VIRGINIA } from \"./regions.ts\";\n\nexport function FarOut(): ReactElement {\n  const { t } = useWords(\"box-plot\");\n\n  return (\n    <BoxPlot\n      caption={t(\"far.caption\")}\n      countLabel={t(\"requests\")}\n      groups={[\n        { key: \"frankfurt\", label: t(\"regions.frankfurt\"), values: FRANKFURT },\n        { key: \"amsterdam\", label: t(\"regions.amsterdam\"), values: AMSTERDAM },\n        { key: \"virginia\", label: t(\"regions.virginia\"), values: VIRGINIA },\n        { key: \"singapore\", label: t(\"regions.singapore\"), values: SINGAPORE },\n      ]}\n      label={t(\"regions.label\")}\n      valueOptions={{ style: \"unit\", unit: \"millisecond\", unitDisplay: \"narrow\" }}\n      whisker={3}\n    />\n  );\n}\n";
+//#endregion
+//#region src/box-plot/examples/quiet.example.tsx
+var quiet_example_exports = /* @__PURE__ */ __exportAll({
+	Quiet: () => Quiet,
+	source: () => source$6
+});
+const NONE = [];
+function Quiet() {
+	const $ = c(35);
+	const { t } = useWords("box-plot");
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("quiet.caption");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== t) {
+		t1 = t("requests");
+		$[2] = t;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t) {
+		t2 = t("quiet.empty");
+		$[4] = t;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== t) {
+		t3 = t("regions.frankfurt");
+		$[6] = t;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== t3) {
+		t4 = {
+			key: "frankfurt",
+			label: t3,
+			values: NONE
+		};
+		$[8] = t3;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== t) {
+		t5 = t("regions.amsterdam");
+		$[10] = t;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== t5) {
+		t6 = {
+			key: "amsterdam",
+			label: t5,
+			values: NONE
+		};
+		$[12] = t5;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== t) {
+		t7 = t("regions.virginia");
+		$[14] = t;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== t7) {
+		t8 = {
+			key: "virginia",
+			label: t7,
+			values: NONE
+		};
+		$[16] = t7;
+		$[17] = t8;
+	} else t8 = $[17];
+	let t9;
+	if ($[18] !== t) {
+		t9 = t("regions.singapore");
+		$[18] = t;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== t9) {
+		t10 = {
+			key: "singapore",
+			label: t9,
+			values: NONE
+		};
+		$[20] = t9;
+		$[21] = t10;
+	} else t10 = $[21];
+	let t11;
+	if ($[22] !== t10 || $[23] !== t4 || $[24] !== t6 || $[25] !== t8) {
+		t11 = [
+			t4,
+			t6,
+			t8,
+			t10
+		];
+		$[22] = t10;
+		$[23] = t4;
+		$[24] = t6;
+		$[25] = t8;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] !== t) {
+		t12 = t("regions.label");
+		$[27] = t;
+		$[28] = t12;
+	} else t12 = $[28];
+	let t13;
+	if ($[29] !== t0 || $[30] !== t1 || $[31] !== t11 || $[32] !== t12 || $[33] !== t2) {
+		t13 = /* @__PURE__ */ jsx(BoxPlot, {
+			caption: t0,
+			countLabel: t1,
+			empty: t2,
+			groups: t11,
+			label: t12
+		});
+		$[29] = t0;
+		$[30] = t1;
+		$[31] = t11;
+		$[32] = t12;
+		$[33] = t2;
+		$[34] = t13;
+	} else t13 = $[34];
+	return t13;
+}
+const source$6 = "import { type ReactElement } from \"react\";\n\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { BoxPlot } from \"@stealthscale/component-charts\";\n\nconst NONE: number[] = [];\n\nexport function Quiet(): ReactElement {\n  const { t } = useWords(\"box-plot\");\n\n  return (\n    <BoxPlot\n      caption={t(\"quiet.caption\")}\n      countLabel={t(\"requests\")}\n      empty={t(\"quiet.empty\")}\n      groups={[\n        { key: \"frankfurt\", label: t(\"regions.frankfurt\"), values: NONE },\n        { key: \"amsterdam\", label: t(\"regions.amsterdam\"), values: NONE },\n        { key: \"virginia\", label: t(\"regions.virginia\"), values: NONE },\n        { key: \"singapore\", label: t(\"regions.singapore\"), values: NONE },\n      ]}\n      label={t(\"regions.label\")}\n    />\n  );\n}\n";
+//#endregion
+//#region src/box-plot/examples/regions.example.tsx
+var regions_example_exports = /* @__PURE__ */ __exportAll({
+	Regions: () => Regions,
+	source: () => source$5
+});
+function Regions() {
+	const $ = c(33);
+	const { t } = useWords("box-plot");
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("regions.caption");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== t) {
+		t1 = t("requests");
+		$[2] = t;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t) {
+		t2 = t("regions.frankfurt");
+		$[4] = t;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== t2) {
+		t3 = {
+			key: "frankfurt",
+			label: t2,
+			values: FRANKFURT
+		};
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== t) {
+		t4 = t("regions.amsterdam");
+		$[8] = t;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== t4) {
+		t5 = {
+			key: "amsterdam",
+			label: t4,
+			values: AMSTERDAM
+		};
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== t) {
+		t6 = t("regions.virginia");
+		$[12] = t;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== t6) {
+		t7 = {
+			key: "virginia",
+			label: t6,
+			values: VIRGINIA
+		};
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== t) {
+		t8 = t("regions.singapore");
+		$[16] = t;
+		$[17] = t8;
+	} else t8 = $[17];
+	let t9;
+	if ($[18] !== t8) {
+		t9 = {
+			key: "singapore",
+			label: t8,
+			values: SINGAPORE
+		};
+		$[18] = t8;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== t3 || $[21] !== t5 || $[22] !== t7 || $[23] !== t9) {
+		t10 = [
+			t3,
+			t5,
+			t7,
+			t9
+		];
+		$[20] = t3;
+		$[21] = t5;
+		$[22] = t7;
+		$[23] = t9;
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== t) {
+		t11 = t("regions.label");
+		$[25] = t;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = {
+			style: "unit",
+			unit: "millisecond",
+			unitDisplay: "narrow"
+		};
+		$[27] = t12;
+	} else t12 = $[27];
+	let t13;
+	if ($[28] !== t0 || $[29] !== t1 || $[30] !== t10 || $[31] !== t11) {
+		t13 = /* @__PURE__ */ jsx(BoxPlot, {
+			caption: t0,
+			countLabel: t1,
+			groups: t10,
+			label: t11,
+			valueOptions: t12
+		});
+		$[28] = t0;
+		$[29] = t1;
+		$[30] = t10;
+		$[31] = t11;
+		$[32] = t13;
+	} else t13 = $[32];
+	return t13;
+}
+const source$5 = "import { type ReactElement } from \"react\";\n\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { BoxPlot } from \"@stealthscale/component-charts\";\n\nimport { AMSTERDAM, FRANKFURT, SINGAPORE, VIRGINIA } from \"./regions.ts\";\n\nexport function Regions(): ReactElement {\n  const { t } = useWords(\"box-plot\");\n\n  return (\n    <BoxPlot\n      caption={t(\"regions.caption\")}\n      countLabel={t(\"requests\")}\n      groups={[\n        { key: \"frankfurt\", label: t(\"regions.frankfurt\"), values: FRANKFURT },\n        { key: \"amsterdam\", label: t(\"regions.amsterdam\"), values: AMSTERDAM },\n        { key: \"virginia\", label: t(\"regions.virginia\"), values: VIRGINIA },\n        { key: \"singapore\", label: t(\"regions.singapore\"), values: SINGAPORE },\n      ]}\n      label={t(\"regions.label\")}\n      valueOptions={{ style: \"unit\", unit: \"millisecond\", unitDisplay: \"narrow\" }}\n    />\n  );\n}\n";
+//#endregion
+//#region src/box-plot/examples/replay.example.tsx
+var replay_example_exports = /* @__PURE__ */ __exportAll({
+	Replay: () => Replay,
+	source: () => source$4
+});
+function Replay() {
+	const $ = c(45);
+	const { t } = useWords("box-plot");
+	const [run, setRun] = useState(0);
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("regions.caption");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== t) {
+		t1 = t("requests");
+		$[2] = t;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t) {
+		t2 = t("regions.frankfurt");
+		$[4] = t;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== t2) {
+		t3 = {
+			key: "frankfurt",
+			label: t2,
+			values: FRANKFURT
+		};
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== t) {
+		t4 = t("regions.amsterdam");
+		$[8] = t;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== t4) {
+		t5 = {
+			key: "amsterdam",
+			label: t4,
+			values: AMSTERDAM
+		};
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== t) {
+		t6 = t("regions.virginia");
+		$[12] = t;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== t6) {
+		t7 = {
+			key: "virginia",
+			label: t6,
+			values: VIRGINIA
+		};
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== t) {
+		t8 = t("regions.singapore");
+		$[16] = t;
+		$[17] = t8;
+	} else t8 = $[17];
+	let t9;
+	if ($[18] !== t8) {
+		t9 = {
+			key: "singapore",
+			label: t8,
+			values: SINGAPORE
+		};
+		$[18] = t8;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== t3 || $[21] !== t5 || $[22] !== t7 || $[23] !== t9) {
+		t10 = [
+			t3,
+			t5,
+			t7,
+			t9
+		];
+		$[20] = t3;
+		$[21] = t5;
+		$[22] = t7;
+		$[23] = t9;
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== t) {
+		t11 = t("regions.label");
+		$[25] = t;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = {
+			style: "unit",
+			unit: "millisecond",
+			unitDisplay: "narrow"
+		};
+		$[27] = t12;
+	} else t12 = $[27];
+	let t13;
+	if ($[28] !== run || $[29] !== t0 || $[30] !== t1 || $[31] !== t10 || $[32] !== t11) {
+		t13 = /* @__PURE__ */ jsx(BoxPlot, {
+			animate: true,
+			caption: t0,
+			countLabel: t1,
+			groups: t10,
+			label: t11,
+			valueOptions: t12
+		}, run);
+		$[28] = run;
+		$[29] = t0;
+		$[30] = t1;
+		$[31] = t10;
+		$[32] = t11;
+		$[33] = t13;
+	} else t13 = $[33];
+	let t14;
+	if ($[34] !== run) {
+		t14 = () => {
+			setRun(run + 1);
+		};
+		$[34] = run;
+		$[35] = t14;
+	} else t14 = $[35];
+	let t15;
+	if ($[36] === Symbol.for("react.memo_cache_sentinel")) {
+		t15 = /* @__PURE__ */ jsx(RotateCcwIcon, {});
+		$[36] = t15;
+	} else t15 = $[36];
+	let t16;
+	if ($[37] !== t) {
+		t16 = t("replay.replay");
+		$[37] = t;
+		$[38] = t16;
+	} else t16 = $[38];
+	let t17;
+	if ($[39] !== t14 || $[40] !== t16) {
+		t17 = /* @__PURE__ */ jsxs(Button, {
+			onClick: t14,
+			size: "sm",
+			variant: "outline",
+			children: [t15, t16]
+		});
+		$[39] = t14;
+		$[40] = t16;
+		$[41] = t17;
+	} else t17 = $[41];
+	let t18;
+	if ($[42] !== t13 || $[43] !== t17) {
+		t18 = /* @__PURE__ */ jsxs(Stack, {
+			align: "flex-start",
+			children: [t13, t17]
+		});
+		$[42] = t13;
+		$[43] = t17;
+		$[44] = t18;
+	} else t18 = $[44];
+	return t18;
+}
+const source$4 = "import { type ReactElement, useState } from \"react\";\n\nimport { RotateCcwIcon } from \"lucide-react\";\n\nimport { Button } from \"@stealthscale/component-actions\";\nimport { Stack } from \"@stealthscale/component-layout\";\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { BoxPlot } from \"@stealthscale/component-charts\";\n\nimport { AMSTERDAM, FRANKFURT, SINGAPORE, VIRGINIA } from \"./regions.ts\";\n\nexport function Replay(): ReactElement {\n  const { t } = useWords(\"box-plot\");\n  const [run, setRun] = useState(0);\n\n  return (\n    <Stack align=\"flex-start\">\n      <BoxPlot\n        animate\n        caption={t(\"regions.caption\")}\n        countLabel={t(\"requests\")}\n        groups={[\n          { key: \"frankfurt\", label: t(\"regions.frankfurt\"), values: FRANKFURT },\n          { key: \"amsterdam\", label: t(\"regions.amsterdam\"), values: AMSTERDAM },\n          { key: \"virginia\", label: t(\"regions.virginia\"), values: VIRGINIA },\n          { key: \"singapore\", label: t(\"regions.singapore\"), values: SINGAPORE },\n        ]}\n        key={run}\n        label={t(\"regions.label\")}\n        valueOptions={{ style: \"unit\", unit: \"millisecond\", unitDisplay: \"narrow\" }}\n      />\n      <Button\n        onClick={() => {\n          setRun(run + 1);\n        }}\n        size=\"sm\"\n        variant=\"outline\"\n      >\n        <RotateCcwIcon />\n        {t(\"replay.replay\")}\n      </Button>\n    </Stack>\n  );\n}\n";
+//#endregion
+//#region src/box-plot/examples/methods.ts
+/**
+* Lists the delivery times in days of a shop's orders by shipping method, which the box plot's
+* examples share: about 30 orders each, in half days.
+*/
+/**
+* Lists the delivery times of 31 express orders.
+*/
+const EXPRESS = [
+	2,
+	.5,
+	2,
+	2.5,
+	.5,
+	1,
+	2,
+	1.5,
+	1,
+	1,
+	2,
+	1.5,
+	2,
+	2,
+	1.5,
+	1,
+	.5,
+	1,
+	2,
+	1,
+	3,
+	1,
+	1.5,
+	2,
+	1.5,
+	2,
+	1.5,
+	1.5,
+	1,
+	1.5,
+	5
+];
+/**
+* Lists the delivery times of 31 standard orders.
+*/
+const STANDARD = [
+	4,
+	3.5,
+	3,
+	2,
+	2.5,
+	2.5,
+	3.5,
+	3,
+	2.5,
+	3.5,
+	3.5,
+	2.5,
+	3,
+	2.5,
+	2,
+	2.5,
+	4,
+	3,
+	3.5,
+	2.5,
+	3.5,
+	2.5,
+	5.5,
+	4,
+	3.5,
+	2.5,
+	2,
+	2.5,
+	2.5,
+	2.5,
+	6.5
+];
+/**
+* Lists the delivery times of 30 economy orders.
+*/
+const ECONOMY = [
+	5,
+	7,
+	5,
+	5,
+	5,
+	5,
+	3,
+	4.5,
+	4,
+	5,
+	5.5,
+	7,
+	6,
+	4.5,
+	5,
+	6.5,
+	6,
+	5.5,
+	5,
+	3,
+	5,
+	6,
+	4,
+	5,
+	6.5,
+	5,
+	4.5,
+	7.5,
+	4.5,
+	5
+];
+//#endregion
+//#region src/box-plot/examples/shipping.example.tsx
+var shipping_example_exports = /* @__PURE__ */ __exportAll({
+	Shipping: () => Shipping,
+	source: () => source$3
+});
+function Shipping() {
+	const $ = c(29);
+	const { t } = useWords("box-plot");
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("shipping.caption");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== t) {
+		t1 = t("shipping.orders");
+		$[2] = t;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t) {
+		t2 = t("shipping.express");
+		$[4] = t;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== t2) {
+		t3 = {
+			key: "express",
+			label: t2,
+			values: EXPRESS
+		};
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== t) {
+		t4 = t("shipping.standard");
+		$[8] = t;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== t4) {
+		t5 = {
+			key: "standard",
+			label: t4,
+			values: STANDARD
+		};
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== t) {
+		t6 = t("shipping.economy");
+		$[12] = t;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== t6) {
+		t7 = {
+			key: "economy",
+			label: t6,
+			values: ECONOMY
+		};
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== t3 || $[17] !== t5 || $[18] !== t7) {
+		t8 = [
+			t3,
+			t5,
+			t7
+		];
+		$[16] = t3;
+		$[17] = t5;
+		$[18] = t7;
+		$[19] = t8;
+	} else t8 = $[19];
+	let t9;
+	if ($[20] !== t) {
+		t9 = t("shipping.label");
+		$[20] = t;
+		$[21] = t9;
+	} else t9 = $[21];
+	let t10;
+	let t11;
+	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = [0, 12];
+		t11 = {
+			style: "unit",
+			unit: "day",
+			unitDisplay: "narrow"
+		};
+		$[22] = t10;
+		$[23] = t11;
+	} else {
+		t10 = $[22];
+		t11 = $[23];
+	}
+	let t12;
+	if ($[24] !== t0 || $[25] !== t1 || $[26] !== t8 || $[27] !== t9) {
+		t12 = /* @__PURE__ */ jsx(BoxPlot, {
+			caption: t0,
+			color: "teal",
+			countLabel: t1,
+			groups: t8,
+			label: t9,
+			valueDomain: t10,
+			valueOptions: t11
+		});
+		$[24] = t0;
+		$[25] = t1;
+		$[26] = t8;
+		$[27] = t9;
+		$[28] = t12;
+	} else t12 = $[28];
+	return t12;
+}
+const source$3 = "import { type ReactElement } from \"react\";\n\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { BoxPlot } from \"@stealthscale/component-charts\";\n\nimport { ECONOMY, EXPRESS, STANDARD } from \"./methods.ts\";\n\nexport function Shipping(): ReactElement {\n  const { t } = useWords(\"box-plot\");\n\n  return (\n    <BoxPlot\n      caption={t(\"shipping.caption\")}\n      color=\"teal\"\n      countLabel={t(\"shipping.orders\")}\n      groups={[\n        { key: \"express\", label: t(\"shipping.express\"), values: EXPRESS },\n        { key: \"standard\", label: t(\"shipping.standard\"), values: STANDARD },\n        { key: \"economy\", label: t(\"shipping.economy\"), values: ECONOMY },\n      ]}\n      label={t(\"shipping.label\")}\n      valueDomain={[0, 12]}\n      valueOptions={{ style: \"unit\", unit: \"day\", unitDisplay: \"narrow\" }}\n    />\n  );\n}\n";
+//#endregion
+//#region src/box-plot/examples/slowest.example.tsx
+var slowest_example_exports = /* @__PURE__ */ __exportAll({
+	Slowest: () => Slowest,
+	source: () => source$2
+});
+function Slowest() {
+	const $ = c(33);
+	const { t } = useWords("box-plot");
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("slowest.caption");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== t) {
+		t1 = t("requests");
+		$[2] = t;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t) {
+		t2 = t("regions.frankfurt");
+		$[4] = t;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== t2) {
+		t3 = {
+			key: "frankfurt",
+			label: t2,
+			values: FRANKFURT
+		};
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== t) {
+		t4 = t("regions.amsterdam");
+		$[8] = t;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== t4) {
+		t5 = {
+			key: "amsterdam",
+			label: t4,
+			values: AMSTERDAM
+		};
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== t) {
+		t6 = t("regions.virginia");
+		$[12] = t;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== t6) {
+		t7 = {
+			key: "virginia",
+			label: t6,
+			values: VIRGINIA
+		};
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== t) {
+		t8 = t("regions.singapore");
+		$[16] = t;
+		$[17] = t8;
+	} else t8 = $[17];
+	let t9;
+	if ($[18] !== t8) {
+		t9 = {
+			key: "singapore",
+			label: t8,
+			values: SINGAPORE
+		};
+		$[18] = t8;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== t3 || $[21] !== t5 || $[22] !== t7 || $[23] !== t9) {
+		t10 = [
+			t3,
+			t5,
+			t7,
+			t9
+		];
+		$[20] = t3;
+		$[21] = t5;
+		$[22] = t7;
+		$[23] = t9;
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== t) {
+		t11 = t("regions.label");
+		$[25] = t;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = {
+			style: "unit",
+			unit: "millisecond",
+			unitDisplay: "narrow"
+		};
+		$[27] = t12;
+	} else t12 = $[27];
+	let t13;
+	if ($[28] !== t0 || $[29] !== t1 || $[30] !== t10 || $[31] !== t11) {
+		t13 = /* @__PURE__ */ jsx(BoxPlot, {
+			caption: t0,
+			countLabel: t1,
+			defaultIndex: 3,
+			groups: t10,
+			label: t11,
+			valueOptions: t12
+		});
+		$[28] = t0;
+		$[29] = t1;
+		$[30] = t10;
+		$[31] = t11;
+		$[32] = t13;
+	} else t13 = $[32];
+	return t13;
+}
+const source$2 = "import { type ReactElement } from \"react\";\n\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { BoxPlot } from \"@stealthscale/component-charts\";\n\nimport { AMSTERDAM, FRANKFURT, SINGAPORE, VIRGINIA } from \"./regions.ts\";\n\nexport function Slowest(): ReactElement {\n  const { t } = useWords(\"box-plot\");\n\n  return (\n    <BoxPlot\n      caption={t(\"slowest.caption\")}\n      countLabel={t(\"requests\")}\n      defaultIndex={3}\n      groups={[\n        { key: \"frankfurt\", label: t(\"regions.frankfurt\"), values: FRANKFURT },\n        { key: \"amsterdam\", label: t(\"regions.amsterdam\"), values: AMSTERDAM },\n        { key: \"virginia\", label: t(\"regions.virginia\"), values: VIRGINIA },\n        { key: \"singapore\", label: t(\"regions.singapore\"), values: SINGAPORE },\n      ]}\n      label={t(\"regions.label\")}\n      valueOptions={{ style: \"unit\", unit: \"millisecond\", unitDisplay: \"narrow\" }}\n    />\n  );\n}\n";
+//#endregion
+//#region src/box-plot/examples/tile.example.tsx
+var tile_example_exports = /* @__PURE__ */ __exportAll({
+	Tile: () => Tile,
+	source: () => source$1
+});
+function Tile() {
+	const $ = c(33);
+	const { t } = useWords("box-plot");
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("tile.caption");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== t) {
+		t1 = t("requests");
+		$[2] = t;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t) {
+		t2 = t("regions.frankfurt");
+		$[4] = t;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== t2) {
+		t3 = {
+			key: "frankfurt",
+			label: t2,
+			values: FRANKFURT
+		};
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== t) {
+		t4 = t("regions.amsterdam");
+		$[8] = t;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== t4) {
+		t5 = {
+			key: "amsterdam",
+			label: t4,
+			values: AMSTERDAM
+		};
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== t) {
+		t6 = t("regions.virginia");
+		$[12] = t;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== t6) {
+		t7 = {
+			key: "virginia",
+			label: t6,
+			values: VIRGINIA
+		};
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== t) {
+		t8 = t("regions.singapore");
+		$[16] = t;
+		$[17] = t8;
+	} else t8 = $[17];
+	let t9;
+	if ($[18] !== t8) {
+		t9 = {
+			key: "singapore",
+			label: t8,
+			values: SINGAPORE
+		};
+		$[18] = t8;
+		$[19] = t9;
+	} else t9 = $[19];
+	let t10;
+	if ($[20] !== t3 || $[21] !== t5 || $[22] !== t7 || $[23] !== t9) {
+		t10 = [
+			t3,
+			t5,
+			t7,
+			t9
+		];
+		$[20] = t3;
+		$[21] = t5;
+		$[22] = t7;
+		$[23] = t9;
+		$[24] = t10;
+	} else t10 = $[24];
+	let t11;
+	if ($[25] !== t) {
+		t11 = t("regions.label");
+		$[25] = t;
+		$[26] = t11;
+	} else t11 = $[26];
+	let t12;
+	if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+		t12 = {
+			style: "unit",
+			unit: "millisecond",
+			unitDisplay: "narrow"
+		};
+		$[27] = t12;
+	} else t12 = $[27];
+	let t13;
+	if ($[28] !== t0 || $[29] !== t1 || $[30] !== t10 || $[31] !== t11) {
+		t13 = /* @__PURE__ */ jsx(BoxPlot, {
+			caption: t0,
+			countLabel: t1,
+			groups: t10,
+			label: t11,
+			legend: false,
+			outliers: false,
+			valueOptions: t12
+		});
+		$[28] = t0;
+		$[29] = t1;
+		$[30] = t10;
+		$[31] = t11;
+		$[32] = t13;
+	} else t13 = $[32];
+	return t13;
+}
+const source$1 = "import { type ReactElement } from \"react\";\n\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { BoxPlot } from \"@stealthscale/component-charts\";\n\nimport { AMSTERDAM, FRANKFURT, SINGAPORE, VIRGINIA } from \"./regions.ts\";\n\nexport function Tile(): ReactElement {\n  const { t } = useWords(\"box-plot\");\n\n  return (\n    <BoxPlot\n      caption={t(\"tile.caption\")}\n      countLabel={t(\"requests\")}\n      groups={[\n        { key: \"frankfurt\", label: t(\"regions.frankfurt\"), values: FRANKFURT },\n        { key: \"amsterdam\", label: t(\"regions.amsterdam\"), values: AMSTERDAM },\n        { key: \"virginia\", label: t(\"regions.virginia\"), values: VIRGINIA },\n        { key: \"singapore\", label: t(\"regions.singapore\"), values: SINGAPORE },\n      ]}\n      label={t(\"regions.label\")}\n      legend={false}\n      outliers={false}\n      valueOptions={{ style: \"unit\", unit: \"millisecond\", unitDisplay: \"narrow\" }}\n    />\n  );\n}\n";
+//#endregion
+//#region src/box-plot/examples/paints.ts
+/**
+* Summarises 1,284,310 loads on desktops.
+*/
+const DESKTOP = {
+	count: 1284310,
+	iqr: .7,
+	max: 5.2,
+	median: 1.2,
+	min: .4,
+	outliers: [
+		3.4,
+		4.1,
+		5.2
+	],
+	q1: .9,
+	q3: 1.6,
+	whiskerHigh: 2.6,
+	whiskerLow: .4
+};
+/**
+* Summarises 212,904 loads on tablets.
+*/
+const TABLET = {
+	count: 212904,
+	iqr: 1.1,
+	max: 6.3,
+	median: 1.8,
+	min: .6,
+	outliers: [5.1, 6.3],
+	q1: 1.3,
+	q3: 2.4,
+	whiskerHigh: 4,
+	whiskerLow: .6
+};
+/**
+* Summarises 2,730,518 loads on phones.
+*/
+const MOBILE = {
+	count: 2730518,
+	iqr: 1.6,
+	max: 9.6,
+	median: 2.4,
+	min: .8,
+	outliers: [
+		7.2,
+		8.4,
+		9.6
+	],
+	q1: 1.7,
+	q3: 3.3,
+	whiskerHigh: 5.7,
+	whiskerLow: .8
+};
+//#endregion
+//#region src/box-plot/examples/warehouse.example.tsx
+var warehouse_example_exports = /* @__PURE__ */ __exportAll({
+	Warehouse: () => Warehouse,
+	source: () => source
+});
+function Warehouse() {
+	const $ = c(28);
+	const { t } = useWords("box-plot");
+	let t0;
+	if ($[0] !== t) {
+		t0 = t("warehouse.caption");
+		$[0] = t;
+		$[1] = t0;
+	} else t0 = $[1];
+	let t1;
+	if ($[2] !== t) {
+		t1 = t("warehouse.loads");
+		$[2] = t;
+		$[3] = t1;
+	} else t1 = $[3];
+	let t2;
+	if ($[4] !== t) {
+		t2 = t("warehouse.desktop");
+		$[4] = t;
+		$[5] = t2;
+	} else t2 = $[5];
+	let t3;
+	if ($[6] !== t2) {
+		t3 = {
+			key: "desktop",
+			label: t2,
+			summary: DESKTOP
+		};
+		$[6] = t2;
+		$[7] = t3;
+	} else t3 = $[7];
+	let t4;
+	if ($[8] !== t) {
+		t4 = t("warehouse.tablet");
+		$[8] = t;
+		$[9] = t4;
+	} else t4 = $[9];
+	let t5;
+	if ($[10] !== t4) {
+		t5 = {
+			key: "tablet",
+			label: t4,
+			summary: TABLET
+		};
+		$[10] = t4;
+		$[11] = t5;
+	} else t5 = $[11];
+	let t6;
+	if ($[12] !== t) {
+		t6 = t("warehouse.mobile");
+		$[12] = t;
+		$[13] = t6;
+	} else t6 = $[13];
+	let t7;
+	if ($[14] !== t6) {
+		t7 = {
+			key: "mobile",
+			label: t6,
+			summary: MOBILE
+		};
+		$[14] = t6;
+		$[15] = t7;
+	} else t7 = $[15];
+	let t8;
+	if ($[16] !== t3 || $[17] !== t5 || $[18] !== t7) {
+		t8 = [
+			t3,
+			t5,
+			t7
+		];
+		$[16] = t3;
+		$[17] = t5;
+		$[18] = t7;
+		$[19] = t8;
+	} else t8 = $[19];
+	let t9;
+	if ($[20] !== t) {
+		t9 = t("warehouse.label");
+		$[20] = t;
+		$[21] = t9;
+	} else t9 = $[21];
+	let t10;
+	if ($[22] === Symbol.for("react.memo_cache_sentinel")) {
+		t10 = {
+			style: "unit",
+			unit: "second",
+			unitDisplay: "narrow"
+		};
+		$[22] = t10;
+	} else t10 = $[22];
+	let t11;
+	if ($[23] !== t0 || $[24] !== t1 || $[25] !== t8 || $[26] !== t9) {
+		t11 = /* @__PURE__ */ jsx(BoxPlot, {
+			caption: t0,
+			countLabel: t1,
+			groups: t8,
+			label: t9,
+			valueOptions: t10
+		});
+		$[23] = t0;
+		$[24] = t1;
+		$[25] = t8;
+		$[26] = t9;
+		$[27] = t11;
+	} else t11 = $[27];
+	return t11;
+}
+const source = "import { type ReactElement } from \"react\";\n\nimport { useWords } from \"@stealthscale/specimen\";\n\nimport { BoxPlot } from \"@stealthscale/component-charts\";\n\nimport { DESKTOP, MOBILE, TABLET } from \"./paints.ts\";\n\nexport function Warehouse(): ReactElement {\n  const { t } = useWords(\"box-plot\");\n\n  return (\n    <BoxPlot\n      caption={t(\"warehouse.caption\")}\n      countLabel={t(\"warehouse.loads\")}\n      groups={[\n        { key: \"desktop\", label: t(\"warehouse.desktop\"), summary: DESKTOP },\n        { key: \"tablet\", label: t(\"warehouse.tablet\"), summary: TABLET },\n        { key: \"mobile\", label: t(\"warehouse.mobile\"), summary: MOBILE },\n      ]}\n      label={t(\"warehouse.label\")}\n      valueOptions={{ style: \"unit\", unit: \"second\", unitDisplay: \"narrow\" }}\n    />\n  );\n}\n";
+//#endregion
+//#region src/box-plot/box-plot.specimen.tsx
+/**
+* Catalogue page for the box plot.
+*
+* @remarks
+*   The box plot has no recipe of its own: the chart's recipe styles its figure and the box's
+*   parts, so every scene is hand-written. The scenes render response times in four regions, the
+*   tooltip open at a region, summaries a warehouse query returned, whiskers at 3 interquartile
+*   ranges, delivery times in the teal palette on a fixed axis, a tile without points or key, the
+*   boxes animated in with a replay, the regions at a phone's width, and a box plot without values.
+*   Every scene renders a component from `examples/` and shows that file as its source. The words
+*   are keys under `box-plot` in `locales/en/specimen/box-plot.json`.
+*/
+/**
+* Hand-written scene for response times in four regions.
+*/
+const automatic = {
+	about: "box-plot.regions.about",
+	draw: () => /* @__PURE__ */ jsx(Room, {
+		size: "lg",
+		children: /* @__PURE__ */ jsx(Regions, {})
+	}),
+	example: regions_example_exports,
+	title: "box-plot.regions.title"
+};
+/**
+* Hand-written scene for the tooltip open at a group.
+*/
+const tooltip = {
+	about: "box-plot.slowest.about",
+	draw: () => /* @__PURE__ */ jsx(Room, {
+		size: "lg",
+		children: /* @__PURE__ */ jsx(Slowest, {})
+	}),
+	example: slowest_example_exports,
+	title: "box-plot.slowest.title"
+};
+/**
+* Hand-written scene for groups given as summaries.
+*/
+const summaries = {
+	about: "box-plot.warehouse.about",
+	draw: () => /* @__PURE__ */ jsx(Room, {
+		size: "lg",
+		children: /* @__PURE__ */ jsx(Warehouse, {})
+	}),
+	example: warehouse_example_exports,
+	title: "box-plot.warehouse.title"
+};
+/**
+* Hand-written scene for whiskers at 3 interquartile ranges.
+*/
+const farOut = {
+	about: "box-plot.far.about",
+	draw: () => /* @__PURE__ */ jsx(Room, {
+		size: "lg",
+		children: /* @__PURE__ */ jsx(FarOut, {})
+	}),
+	example: far_example_exports,
+	title: "box-plot.far.title"
+};
+/**
+* Hand-written scene for delivery times in a palette's color on a fixed axis.
+*/
+const colored = {
+	about: "box-plot.shipping.about",
+	draw: () => /* @__PURE__ */ jsx(Room, {
+		size: "lg",
+		children: /* @__PURE__ */ jsx(Shipping, {})
+	}),
+	example: shipping_example_exports,
+	title: "box-plot.shipping.title"
+};
+/**
+* Hand-written scene for a tile without outlier points or key.
+*/
+const bare = {
+	about: "box-plot.tile.about",
+	draw: () => /* @__PURE__ */ jsx(Room, {
+		size: "md",
+		children: /* @__PURE__ */ jsx(Tile, {})
+	}),
+	example: tile_example_exports,
+	title: "box-plot.tile.title"
+};
+/**
+* Hand-written scene for the boxes animated in, with a replay.
+*/
+const animated = {
+	about: "box-plot.replay.about",
+	draw: () => /* @__PURE__ */ jsx(Room, {
+		size: "lg",
+		children: /* @__PURE__ */ jsx(Replay, {})
+	}),
+	example: replay_example_exports,
+	title: "box-plot.replay.title"
+};
+/**
+* Hand-written scene for the regions at a phone's width.
+*/
+const narrow = {
+	about: "box-plot.narrow.about",
+	draw: () => /* @__PURE__ */ jsx(Room, {
+		size: "xs",
+		children: /* @__PURE__ */ jsx(Regions, {})
+	}),
+	example: regions_example_exports,
+	title: "box-plot.narrow.title"
+};
+/**
+* Hand-written scene for a box plot without values.
+*/
+const empty = {
+	about: "box-plot.quiet.about",
+	draw: () => /* @__PURE__ */ jsx(Room, {
+		size: "md",
+		children: /* @__PURE__ */ jsx(Quiet, {})
+	}),
+	example: quiet_example_exports,
+	title: "box-plot.quiet.title"
+};
+var box_plot_specimen_default = specimen({
+	about: "box-plot.about",
+	id: "components/charts/box-plot",
+	imports: "import { BoxPlot, boxStats, quantile } from \"@stealthscale/component-charts\";",
+	scenes: [
+		automatic,
+		tooltip,
+		summaries,
+		farOut,
+		colored,
+		bare,
+		animated,
+		narrow,
+		empty
+	],
+	title: "box-plot.title"
+});
+//#endregion
+export { animated, automatic, bare, colored, box_plot_specimen_default as default, empty, farOut, narrow, summaries, tooltip };